JSbom(浏览器对象模型)总结

最新推荐文章于 2023-12-20 17:03:01 发布

My_____Dream

最新推荐文章于 2023-12-20 17:03:01 发布

阅读量448

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/my_____dream/article/details/79171323

版权

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

JSbom(浏览器对象模型)总结

一、简介

所有的浏览器都有5个对象

window:窗口
location:定位信息 (地址栏)
history:历史

window对象详解:
如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，
并为每个框架创建一个额外的 window 对象。
常用的属性:
通过window可以获取其他的四个对象
window.location 等价域 location
window.history 等价于 history
...
常用的方法
消息框
alert("...."):警告框
confirm("你确定要删除吗?"):确定框返回值:boolean
prompt("请输入您的姓名"):输入框返回值:你输入的内容
定时器
设置定时器
setInterval(code,毫秒数):周期执行
setTimeout(code,毫秒数):延迟多长事件后只执行一次.

例如:
setInterval(showAd,4000);
serInterval("showAd()",4000);

清除定时器
clearInterval(id):
clearTimeout(id):
打开和关闭
open(url):打开
close():关闭
location:定位信息
常用属性:
href:获取或者设置当前页面的url(定位信息)

location.href; 获取url
location.href="...";设置url 相当于 a标签
history:历史
back();后退
forward():向前
★go(int)
go(-1) 相当于 back()
go(1) 相当于 forward()

二、代码练习

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>text</title>
</head>
<script>
alert("我是alert方法");
confirm("我是confirm方法");
prompt("我是prompt方法");
alert(location.href);
</script>
<body>
<input type="button" value="点击我前进" οnclick="history.go(1)" />
<input type="button" value="点击我后退" οnclick="history.go(-1)" />
<a href="###" >打开一个新连接 </a>
</body>
</html>