js的Bom对象

最新推荐文章于 2023-05-03 21:52:09 发布

qq_36594703

最新推荐文章于 2023-05-03 21:52:09 发布

阅读量345

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/qq_36594703/article/details/76959163

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

js的Bom对象

bom:浏览器对象模型

有哪些对象？

navigator :获取客户机信息（浏览器信息）

navigator.appName:显示浏览器名称

screen ：屏幕的信息

location ：请求url地址

href属性：1.获取请求的url地址2.设置url地址

history ：请求的url历史

到访问的上一个页面history.back();到访问的下一个页面history.forward();

history.go(-1)表示到上一个页面，history,go(1)到下一个页面;

<body>
<input type="button" value="tiaozhuan" οnclick="href1();"/>
<input type="button" value="back" οnclick="back1();"/>
<br/>
<input type="button" value="next" οnclick="next1();"/>
<h1>adadaaad</h1>
<a href="http://www.sougou.com">aaaaaaa</a>
<hr/>
	<script type="text/javascript">
	function href1(){
		location.href="http://www.baidu.com";
	}
	function back1(){
		history.back();
	}
	function next1(){
		history.forward();
	}
	document.write(navigator.appName);
	document.write("<hr/>");
	document.write(screen.width);
	document.write(" "+screen.height);
	document.write("<hr/>");
	document.write(location.href);
	//页面是放置一个按钮，按钮上banding一个事件，当我点击一个按钮时跳转到另一个页面
	
	</script>
</body>

window :表示一个窗口对象，所有的bom对象都是在window里边操作的，是顶层对象

alert()：页面弹出一个框显示内容

confirm()：确认框

prompt()：输入对话框，第一个参数输入框显示的内容，第二个参数输入框默认值

open()：表示可以打开一个新的窗口，客串多个参数open("url",null,"窗口特征比如宽度高度");

close()：关闭（浏览器兼容性差一点）

做定时器

setInterval(“js代码”，毫秒数)：window.setInterval("alert('123')',3000);//表示每3秒alert出123

会有一个返回值，通过clearInterval清除掉

setTimeout()：表示在毫秒数之后执行，只会执行一次

window,setTimeout("alert('123')",4000);//4秒后执行输出123执行一次

clearInterval()：清除掉setInterval设置的dingshiq

clearTimeout()：清除setTimeout设置的定时器

<body>
 <input type="button" value="open" οnclick="open1()";/>
 <br/>
 <input type="button" value="interval" οnclick="clear1();"/>
 <br/>
 <input type="button" value="timeout" οnclick="clear2()"/>
<hr/>
	<script type="text/javascript">
	//confirm
	/*var flag=window.confirm("是否删除");
	//alert(flag);
	if(flag){
		alert("删除成功")；
	}else{
		alert("删除失败");
	}*/
	//window.prompt("请输入","0");
	function open1(){
		window.open("http://www.baidu.com","","width=200");
	}
	var id1=setInterval("alert('123')",2000);
	var id2=setTimeout("alert('123')",3000);
	function clear1(){
		clearInterval(id1);
	}
	function clear2(){
		clearTimeout(id2);
	}
	</script>
</body>