JavaScript BOM(浏览器对象模型)对象windows对象

悠悠 2022-06-03 08:37 274阅读 0赞

**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 返回的是创建当前窗口的那个父窗口的引用  
winopen()弹出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>