DOM（一）-05-(BOM&Navigator对象&History对象)

最新推荐文章于 2022-08-23 21:27:31 发布

wy_0928

最新推荐文章于 2022-08-23 21:27:31 发布

阅读量250

点赞数

分类专栏： No.7-JavaWeb自学笔记（五）——DOM

本文链接：https://blog.csdn.net/wy_0928/article/details/47809461

版权

No.7-JavaWeb自学笔记（五）——DOM 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

【BOM】Browser Object Model：浏览器对象模型
这个模型方便与操作浏览器。

浏览器对应的对象就是window对象。

查阅DHTML API文档发现，在DHTML中已将html中的所有标签全部封装成了对象。

window对象中还有navigator等对象，这些就是内部对象，即对象内还有对象，下面通过具体例子说明window对象

=====================================================================================================

【示例】

<html>
	<head>
	</head>
	<body>
		<!--
		为了演示方便，定义一个事件源，通过事件源的触发，获取想要的结果。比如让用户
		通过点击按钮就可以知道浏览器的一些信息
		-->
		
		<!--
		定义按钮onclick事件的处理方式
		-->
		
		<script type="text/javascript">
			
			function windowObjDemo(){
			
				/*
				 *想要知道这个浏览器的信息，就需要使用window对象中的navigator对象，该对象中存储了浏览器信息。
				 *直接用window.navigator调用相关方法即可，因为浏览器一打开就加载了window对象。
				 *这里演示navigator对象中的部分属性和方法，详情查阅DHTML API文档
				 */
				 var name = window.navigator.appName;//这里window可以省略，因为浏览器自带window对象，可以不写，下同
				 var version = window.navigator.appVersion;
				 document.write(name + ":" + +version);
				 //网上经常有“自动识别当前计算机浏览器名称版本”等功能，就是这样实现的。
				 
				 
			
			}
			
		</script>
		
		<!--定义事件源，注册事件关联的动作，凡是on开头的都是处理动作，alert中必须是单引号-->
		
		<input type="button" value="演示window中的对象" οnclick="windowObjDemo()"/>
		
		<!--
		对于JS部分，如果只是处理某一个标签，那么直接放到该标签中即可，如上一行代码windowObjDemo()就是JS写的；
		如果为了处理许多标签，那么将其放入<head>中。
		-->
		
	</body>
</html>

wy_0928

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM（一）-05-(BOM&Navigator对象&History对象)

【BOM】Browser Object Model：浏览器对象模型这个模型方便与操作浏览器。浏览器对应的对象就是window对象。查阅DHTML API文档发现，在DHTML中已将html中的所有标签全部封装成了对象。window对象中还有navigator等对象，这些就是内部对象，即对象内还有对象，下面通过具体例子说明window对象===
复制链接

扫一扫

专栏目录