JavaScript——事件+浏览器内置对象

最新推荐文章于 2024-06-05 11:07:30 发布

___码字选手

最新推荐文章于 2024-06-05 11:07:30 发布

阅读量1.2k

点赞数

分类专栏： Javascript 文章标签：浏览器对象 javascript

本文链接：https://blog.csdn.net/qq_29178991/article/details/78002239

版权

Javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在上一篇JavaScript入门基础中，我已经简单介绍了JavaScript语言特性，基础语法（常量和变量），逻辑运算符，关系运算符，算术运算符，还有JavaScript的函数。

这一篇我们就来探究Javascript的事件和浏览器内置对象，在开发中我们会常用到的一些的事件，这里会举例说明，并加以解释，如有不对之处，还请各位博友留言，我们一起交流学习。

一、JavaScript事件

1.1 onClick事件

onclick事件是当鼠标点击时触发的事件，同时onclick指定的事件处理程序或代码被执行调用。

<input type="button" Onclick="window.open(document.location,'big','fullscreen=yes')">

<input type="button" Onclick="window.close()">

//juery方式
<input type="button" id="show">
<script type="text/javascript>
$（"#show"）.on("click",function(){
window.close();
})

</script>

1.2 onChange事件

onchange事件是当监听的内容发生改变时触发的事件，同时onchange指定的事件处理程序或代码块被执行调用。

<textarea name="message" οnchange=alert("请输入留言") />

1.3 onSelect事件

onselect事件是当文本框中选中文自后，会弹出选择文字的提示对话框。

<input type="text" value="" οnselect=alert("选择事件") />

1.4 onFoucs事件

当光标放在文本框上或选择文本框上时产生onFoucs事件

1.5 onload事件

当加载网页文档时，会产生该时间。onLoad事件的作用是在首次载入一个页面文件时检测cookie的值。并用一个变量为其赋值，使其可以被源代码使用

<body onLoad="MM_popupMg('欢迎光临！')">

1.6 onUload事件

退出网页时触发的事件，可以用来更新cookie.

1.7 onBlur事件

失去焦点onblur事件正好与获得焦点时间相对应，当对象不再拥有焦点时触发该事件

1.8 onMouseOver事件

当鼠标移入到对象（input div select等），触发的事件

1.9 onMouseOut事件

当鼠标移出触发的事件

1.10 onDbClick事件

鼠标双击触发的事件

1.11其他事件

稍后上传文档

二浏览器的内置对象

2.1 navigator对象

2.2 document对象

2.3 windows对象

windows对象处于层次对象的最顶端，它提供了navigator窗口的方法和属性，javascript也可以由windows对象实现。

2.4 location对象

2.5 history对象

back() 返回

forward() 前进

go() 进入指定页面

后面会出javascript实战说明