js的bom对象

最新推荐文章于 2024-03-08 08:40:40 发布

ll123c

最新推荐文章于 2024-03-08 08:40:40 发布

阅读量226

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ll123c/article/details/88878256

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

bom(broswer object model)

浏览器对象模型

1.navigator对象获取客户机的信息（也就是浏览器的信息）

使用navagator对象的appName()属性

2.screen对象获取屏幕的信息（如屏幕的高度和宽度）

3.location对象获取当前请求的url地址

使用location对象的href属性


<html>
   <head>
    <title>html示例</title>
   </head>
   <body >
		<input type="button" value="tiaozhuan" onclick="href1()">
   </body>
   <script type="text/javascript">
   		function href1(){
				alert("aaaa");
			}
		document.write("<hr/>");
   		//navigator对象获取浏览器信息
   		document.write(navigator.appName);
		document.write("<br/>");
		document.write("<hr/>");
		//location对象获取当前请求的url
		document.write(location.href);
		
   </script>
</html>

4.history对象(用于获取请求url的历史纪录)

演示方法：

创建一个三个页面，第一个页面为a.html,然后超链接到b.html

创建b.html超链接到c.html,创建c.html

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

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

a.html

<html>
   <head>
    <title>html示例</title>
   </head>
   <body>
			
		<h1>AAAAAAAAAAAAAAA</h1>
		<a href="b.html">AAAA</a>
		<script type="text/javascript">
		</script>
   </body>
   
</html>

b.html


<html>
   <head>
    <title>html示例</title>
   </head>
   <body>
		<input type="button" value="back" onclick="back1()"></input>
		<br/>
		<input type="button" value="forward" onclick="next1()"></input>
		
		<h2>BBBBBBBBBBBBBBBB</h2>
		<a href="c.html">BBBB</a>
		<script>
			function back1(){
					history.back();
				}
			function next1(){
					history.forward();
				}
		</script>
   </body>
</html>

c.html


<html>
   <head>
    <title>html示例</title>
   </head>
   <body>
		
			<h1>CCCCCCCCCCCCCCCC<h1>
		<script>
		</script>
   </body>
</html>

ll123c

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js的bom对象

bom(broswer object model)浏览器对象模型1.navigator对象获取客户机的信息（也就是浏览器的信息）使用navagator对象的appName()属性2.screen对象获取屏幕的信息（如屏幕的高度和宽度）3.location对象获取当前请求的url地址使用location对象的href属性<html> <...
复制链接

扫一扫