七、JS中的BOM对象(browser object model)
1.navigator获取客户端信息,浏览器的信息
document.write(navigator.appName);
2.screen获取屏幕的信息,宽、高、分辨率等等
document.write(screen.width);
document.write(screen.height);
3.location请url地址(记住写的方式)
–获取当年页面的地址
document.write(location.href);
–设置url的地址
location.href="http://www.baidu.com";
4.history来实现跳转到上一页面和下一页面
history.back();//跳转到上一页面====history.go(-1);
history.forword();//跳转到下一页面====history.go(1);
5.window对象
–窗口对象
–顶层对象(所有的bom对象都是在widow里面操作的,只是简写了,eg:window.history.go(-1);)
方法:
1).alert();弹出一个提示框
2).confirm();确认框
window.confirm("确认删除?");
但是该方法会有一个返回值,如果点击确定,返回true,点击取消,返回false。
var flag=window.confirm("确认删除?");
3) open();打开一个新的窗口
open(“打开新窗口的URL”,”新窗口名字,一般为空,即不设置”,”窗口的特征,宽高”);//特别注意窗口特征里的代码的格式
window.open("http://www.baidu.com","","width=400,height=400"); //特别注意窗口特征里的代码的格式
4) close();关闭窗口
window.close();
5)setInterval();定时器,会有一个返回值
setInterval("alert('123')",3000);//每3秒跳一个提示框
var id2=setTimeout("alert('aaa');",3000);//请求发出三秒后弹出一次
clearInterval(id1);//清除setInterval设置的定时器
clearTimeout(id2);//清除setTimeout设置的定时器
八、JS的DOM对象(document object model 文档对象模型)
可以使用JS中DOM里面提供的对象,使用这些对象的属性和方法,对标记型文档进行操作
1.DOM的解析原理
九、补充:DHTML:很多技术的简称
–html:封装数据
–css:利用属性和属性值设置数据
–dom:操作html文档(标记型文档)
–JavaScript:主要是指第一部分,语法语句(ECMAScript)
十、document对象
1.getElementById(“id名字”);通过ID获得标签
<input id="id1" type="text" value="你好"/>
<script>
var id1=document.getElementById("id1");
//得到其中的值,标签对象.属性名称
document.write(id1.value);
//设置属性值
id1.name="name1";
document.write(id1.name);
</script>
2.getElementsByName(“name名字”);通过属性名字来获取标签对象,返回的是一个数组
<body>
<input id="id1" type="text" name="name1" value="aaa"/><br/>
<input id="id2" type="text" name="name1" value="bbb"/><br />
<input id="id1" type="text" name="name1" value="ccc"/><br/>
<input id="id2" type="text" name="name1" value="ddd"/><br />
<script>
var inputs=document.getElementsByName("name1");
for(var i=0;i<inputs.length;i++){
var input1=inputs[i];
alert(input1.value);
}//
</script>
</body>
如果只有一个元素,可以这样写,不用遍历
<body>
<input id="id1" type="text" name="name1" value="aaa"/><br/>
<script>
var inputs=document.getElementsByName("name1")[0];
alert(inputs.value);
</script>
</body>
3.getElementsByTagName(“标签名字”);通过标签名字来获取标签对象
返回的也是一个数组,用法和上面相同
var inputs=document.getElementsByTagName("input");