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