BOM(浏览器对象模型)对象
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BOM</title>
</head>
<body>
<input type="button" value="浏览器信息" οnclick="run();"/><br />
<input type="button" value="上一页" οnclick="run2();"/>
<input type="button" value="下一页" οnclick="run3();"/><br />
<input type="button" value="链接 " οnclick="run4();"/><br />
</body>
<script type="text/javascript">
/*
BOM(Brower Object Model) 浏览器对象模型
Window 窗口对象(*****)
Navigator 和浏览器版本相关的对象(**)
userAgent 获取浏览器的相关的信息
window.navigator.userAgentwindow可以省略不写
Screen 和屏幕相关的对象(*)
History 和浏览器历史相关的对象(**)
back() 返回上一个页面
forward() 去下一个页面
go()
传参数(-1或1) go(1) 等于forward()
go(-1) 等于back()
Location 和浏览器地址相关的对象(***)
href 获取和设置浏览器的路径
Document 文档对象
事件
onclick 点击事件
值的写法:
*/
//函数
function run(){
//alert("hehe");
alert(window.navigator.userAgent);
}
//返回上一页
function run2(){
window.history.back();
}
//返回下一页
function run3(){
window.history.forward();
}
function run4(){
//alert(location.href);
//location.href = "http://www.baidu.com";//跳转到
alert(location.protocol);
}
</script>
</html>
windows对象
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>window</title>
</head>
<body>
<input type="button" value="删除" οnclick="del()" /> <br />
<input type="button" value="移动1" οnclick="run1()" />
<input type="button" value="移动2" οnclick="run()" /> <br />
<input type="button" value="定时" οnclick="run2()" />
<input type="button" value="停止" οnclick="run4()" /> <br />
<input type="button" value="新窗口" οnclick="run5()" /> <br />
<input type="text" id="nameId" name="username" value="zhangsan"/> <br />
</body>
<script type="text/javascript">
/*
函数
alert(); 弹出提示框
confirm("参数") 询问框
提供俩按钮,确定和取消
如果点击的是确定,返回true,如果点击取消,返回false
moveBy() 移动浏览器(IE)
setInterval("函数","毫秒值")定时相关的
每隔毫秒值执行一次函数
setTimeout("函数","毫秒值")
到了毫秒值后就执行一次函数
清除定时
clearInterval(id的值)
clearTimeout()
close() 关闭浏览器的窗口
open("url","name","width=400,height=100")打卡浏览器的窗口
属性
opener 返回的是创建当前窗口的那个父窗口的引用
win open()弹出baidu的窗口
在baidu窗口中,baidu.opener得到了win的引用
document对象方法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用
document.getElementById("nameId");获取到的是input标签的对象
*/
function del(){
if(window.confirm("确定删除?")){
//点击确定,执行
//删除数据
alert("删除成功");
}else{
//点击取消
alert("咋这么不小心呢");
}
}
function run1(){
window.moveBy(20, 20);
}
function run(){
window.moveTo(20, 20);
}
var m;
function run2(){
m = window.setInterval("run3()", 3000);//每三秒执行一次
//window.setTimeout(run3(),3000);
}
function run3(){
alert("hhe");
}
function run4(){
window.clearInterval(m);
}
function run5(){
window.open("http://www.baidu.com", "百度一下,你就知道","width=400,height=100");
}
var input = document.getElementById("nameId");
alert(input.value);
input.value = "zhaosi";
</script>
</html>