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);