Javascript文档对象模型

娇糖玛奇朵~

已于 2023-04-10 18:49:09 修改

阅读量265

点赞数 2

文章标签： javascript 前端 java

于 2022-09-26 17:10:48 首次发布

本文链接：https://blog.csdn.net/su3253067688/article/details/127055313

版权

location对象

location对象的属性
属性名称	说明
host	设置或检索位置或URL的主机名和端口号
hostname	设置或检索位置或URL的主机名部分
href	设置或检索完整的URL字符串
protocol	使用的协议，常见的是http、ftp、file、mailto、javsscript
search	URL中问号之后的部分，通常是某种类型的查询字符串
hash	以字符“#”开始指向一个位于文档中的anchor，使用浏览器打一个新的URL

location对象的方法
方法名称	说明
assign("url")	加载URL指定的新的html文档
reload()	重新加载当前页
replace("url")	通过加载URL指定的文档来替换当前文档

例题：

History对象

History对象支持的三种方法
名称	说明
back()	加载History列表的上一个人URL
forward()	加载History列表的下一个人URL
go("url"or number)	加载History好中的一个人URL或者要求浏览器移动到指定页数

注：

back()方法相当于后退按钮
forward()方法相当于前进按钮
go(1)代表前进一页，等价于forward()方法
go(-1)代表后退一页，等价于back()方法

事件注册方式：

将事件绑定到元素属性

将事件绑定到对象属性

例题：

<head>
<title></title>
   <script type="text/javascript">
    function show(){
    alert("行间事件"
}
</script>
</head>
<body>
<input type="button" value="确定" onclick="show"/>
<body>

Javascript中的基本的事件模型

**鼠标事件**
鼠标事件	意义
onmousedown	按下鼠标键
onmousemove	移动鼠标
onmouseout	鼠标离开某一个网页对象
onmouseover	鼠标移动到某一个网页对象上
onmouseup	松开鼠标键
onclick	单击鼠标键
ondblclick	双击鼠标键

**键盘事件**
键盘事件	意义
onkeydown	按下一个键
onkeyup	松开一个键
onkeypress	按下然后松开一个键

Window对象常用事件

事件	说明
onload()	对象装载完成后触发
onscroll()	窗口的滚动条被拖动时触发
onresize()	窗口的大小改变时触发
onblur()/onfocus()	窗口失去/获得焦点时触发
onerror()	遇到执行错误时触发
onunload()	对象被卸载后触发