Javascript文档对象模型

追求适度,才能走向成功;人在顶峰,迈步就是下坡;身在低谷,抬足既是登高;弦,绷得太紧会断;人,思虑过度会疯;水至清无鱼,人至真无友,山至高无树;适度,不是中庸,而是一种明智的生活态度。

导读:本篇文章讲解 Javascript文档对象模型,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

        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指定的文档来替换当前文档

例题:

Javascript文档对象模型

    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文档对象模型

Javascript中的基本的事件模型

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

Window对象常用事件

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/130164.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!