js基础,Array 数组对象、BOM 浏览器对象模型

Array 数组对象

定义数组的 3种方式

var week = new Array();

var week = new Array(‘星期一’ , ‘星期二, ‘星期三’);

var week = (‘星期一’ , ‘星期二, ‘星期三’);

常用方法:

获取数组的长度 .length:

 alert(week.length);

  

获取数组下标所对应的值: 

alert(week[0]);

  

数组元素添加:

将一个或多个新元素添加到数组结尾,并返回数组新长度

var week_len = week.push('星期四','星期五');

  

将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度 

var week_len = week.unshift('星期日');

  

将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

arr3.splice(0,0,"abc");
document.write(arr3[0]);

  

数组元素删除:

var del = ["aa",23,345,56,34,"bb"]; var del_last = del.pop(); //移除最后一个元素并返回该元素值
var del_first = del.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素
document.write(del_arr);

  

String对象:

String对象用来处理文本。

事实上任何字符串常量都是一个String对象,可以将其直接作为对象来使用。

获取字符串长度:

length属性:

        var str = "hello";
	var str2 = "你好";
	alert(str.length);		//输出 5
	alert(str2.length);		//输出 2

  

提取字符串:

1.charAt()方法:

        var str = "HELLO WORLD";
	var n = str.charAt(2); //返回指定位置的字符。

  

2.substr()方法:

var title = "从第二个2字符开始截取至10个字符,后面用"..."代替。";
document.write(title.substr(2,10)+"...");//从2开始截取10个字符。

  

3.substring()方法:

var title = "截取从第一个1字符开始到小于10的字符,后用"..."代替";
document.write(title.substring(1,10)+"...");//截取从1开始到<10的字符。

  

查找替换字符串:

1.indexOf()和lastIndex()方法:

        var str="Hello world, welcome to the universe.";
	alert(str.indexOf("welcome");//可返回某个指定的字符串值在字符串中首次出现的位置。
	alert(str.lastIndexOf("e"));	//查找字符最后一次出现的位置

  

2.replace()方法:

        var str="'我' 会被替换成 '你'!";
	var n=str.replace("我","你");//用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
    

  

 3.search()方法:

var str="Visit W3CSchool!";
var n=str.search("W3CSchool");//查找指定的字符串或与正则表达式相匹配的子字符串
laert(n)// 弹出的结果是6, 意思是在第六个字符后面

  

拼接字符:

1.concat

	var str1 = "Hello ";
	var str2 = "world!";
	var n = str1.concat(str2); //concat() 方法用于连接两个或多个字符串。

  

2.字符串拼接符:

var str1 = str1 + str2; //+号判断左右两边,如果有一边是字符串,则该+号为拼接作用

  

 其他方法:

1.toLowerCase() 方法
     var str="Hello World!”;
	document.write(str.toLowerCase());//用于把字符串转换为小写

  

2.toUpperCase() 方法
     var str="Hello world!";
	document.write(str.toUpperCase());//用于把字符串转换为大写。

  

BOM 浏览器对象模型

BOM(浏览器对象模型),它提供了与浏览器窗口进行交互的对象。

一.window对象

window对象表示整个浏览器窗口。

1.系统消息弹框, alert();

alert('hello,我是弹框');

  

2.确认对话框, confirm();

该方法返回一个Boolean值,如果点击OK返回true,点击cansel返回false;

                var confrim = confirm("你确定删除吗?");
			
			if(confrim == 0){
				alert("删除成功");
			}else{
				alert("删除取消");
			}    

  

3.输入对话框, prompt();

如果点击ok将文本框中的值作为函数值返回,如果点击cancel返回null
 var name = prompt("请输入你的姓名?","");
  if(name != null){
	alert(‘welcome’+ name);
}

  

4.打开新窗口, window.open();

window.open("http://www.baidu.com","_blank","width=300, height=200");

  

5.定时器,setInterval(),setTimeout()

定时器可以说是js前端最常用的工具,几乎所有的逐渐变化的动态效果都会使用到定时器,

比如 说图片滚动,渐隐渐现,拖拽等等.定时器分两种分别是settimeout和setinterval.

window.setInterval();   //设置循环定时器
var T = window.setInterval(test,1000); //  test:执行的代码串或函数  设置1000毫秒
 
window.clearInterval();  //清除循环定时器
window.clearInterval(T);

window.setTimeout(); //设置单次定时器 var T = setTimeout(test,1000); // test:执行的代码串或函数 设置1000毫秒 window.clearTimeout() //清除单次定时器 clearTimeout();

  

 例子:

<div id="dt1">

<script type="text/javascript">
            function dt(){
                var date1 = new Date();
                var year = date1.getFullYear();
                var month = date1.getMonth()+1;
                var date2 = date1.getDate();
                var hours = date1.getHours();
                var minute = date1.getMinutes();
                var second = date1.getSeconds();
                var week = date1.getDay();
                second=second<10? "0"+second:""+second;//判断second是否小于10,是的话就在前面加 0
                var week1 = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
                document.getElementById("dt1").innerHTML=year+""+ month+""+date2+"" + hours +":"+ minute+":" +second+ "&emsp;" + week1[week;    
            }
            setInterval(dt,1000);
        </script>
</div>

效果:

2016年09月08日 10:19:19 星期四

二.history对象:

history对象是window对象的子对象,对应于浏览器的历史记录。

window.history.go(-1); //返回上一个页面,可返回几个页面
window.history.go(1); //前进下一个页面,可前进几个页面

history.back();  //后退/返回上一个页面,只能返回一个页面
history.forward();  //前进下一个页面,只能前进一个页面	

  

 三.Location对象:

Location对象也是window对象的子对象,通过它可以获取或设置浏览器的当前地址。

 

1.跳转到其它页面

window.location.href = "http://www.163.com";
location.href = "http://www.163.com";

  

2.重新载入页面(刷新)

location.reload();

  

四.navigator对象 

Navigator对象包含着有关web浏览器的信息,它也是window的属性,可以用 window.navigator 引用它,也可以用navigator引用

 

例:获取浏览器内部代号,名称,操作系统等信息

var info = navigator.userAgent;
alert(info);

  

原文地址:https://www.cnblogs.com/dadayang/p/5851627.html