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

62 阅读 0 评论 41 点赞

我是靠谱客的博主坦率蜡烛，最近开发中收集的这篇文章主要介绍JavaScript-浏览器对象模型(BOM)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

什么是BOM(Browser Object Model,浏览器对象模型)?
BOM（Browser Object Model）即浏览器对象模型。
BOM提供了独立于内容而与浏览器窗口进行交互的对象；
由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；
BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性；
BOM 包含的对象：
(1) 属性：
①history
- 对象包含用户（在浏览器窗口中）访问过的 URL。
②document
- 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问
③location
- 对象包含有关当前 URL 的信息
(2) 方法：
①close() 关闭当前窗口
History
(1) go()
go(-1)返回上一页
go(1)去往下一页
(2) back()
返回上一页 ==go(-1)
(3) forward()
去往下一页 ==go(1)
document
(1)document.write()
- 会覆盖浏览器内容
(2)getElementById(“XXX”)
- 根据id 获取第一个叫XXX名称的标签
(3)getElementByName(“xxx”);
- 根据name属性值获取标签的集合
(4)GetElementByTagName(“”);
- 根据标签名获取标签的集合
(5)标签.innerHTML =“”；
- 给标签填写内容
location
(1)window.location=” url”;
(2)location.href =” url”;
(3)location.reload() 刷新
Date
1. getDate()
  返回Date对象的一一个月中的每一天，其值介于1~31之间
2. getDay()
  返回Date对象的星期中的每一天，其值介于0~6之间
3. getHours()
  返回Date对象的小时数，其值介于0~23之间
4. getMinutes()
  返回Date对象的分钟数，其值介于0~59之间
5. getSeconds()
  返回Date对象的秒数，其值介于0~59之间
6. getMonth()
  返回Date对象的月份，其值介于0~11之间
7. getFullYear()
  返回Date对象的年份，其值为4位数
8. getTime()
  返回自某一时刻(1970年年1月1日)以来的毫秒数
Math
1. ceil()
  对数进行上曾人
2. floor()
  对数进行下舍入
3. round()
  把数四舍五入为最接近的数
4. random()
  返回0~1之间的随机数

时钟特效

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>时钟</title>
		<script type="text/javascript">
			var timename;
			function showtime(){
				timename = setInterval("time()",1000);
			}
			function closetime(){
				clearInterval(timename);
			}
			function time(){
				var date = new Date();
				var hour = date.getHours();
				var min = date.getMinutes();
				var sec = date.getSeconds();
				var time = "当前时间是："+hour+":"+min+":"+sec;
				document.getElementById("myclock").innerHTML=time;
			}
			
		</script>
	</head>
	<body onload="showtime()">
		<div id="myclock"></div>
		<input type="button" value="关闭" onclick="closetime()" />
	</body>
</html>