JS window下面的对象

最新推荐文章于 2024-03-07 10:02:07 发布

dxm809

最新推荐文章于 2024-03-07 10:02:07 发布

阅读量410

点赞数

分类专栏： JAVASCRIPT

本文链接：https://blog.csdn.net/dxm809/article/details/79561004

版权

JAVASCRIPT 专栏收录该内容

134 篇文章 0 订阅

订阅专栏

window.location 对象：

• window.location.href =‘’;// 重新导航到新页面 , 可以取值，也可以赋值。

• window.location.reload ();// 刷新当前页

window.event 是 IE 下非常重要的属性，用来获得发生事件时的信息，事件不局限于 window 对象的事件，所有元素的事件都可以通过 event 属性取到相关信息。类似于 winForm 中的 e( EventArgs ) 。 // 兼容 IE 、 Chrome ，不兼容 FF （用 event 参数）。

• window.event.altKey 属性， bool 类型，表示事件发生时是否按下了 alt 键。类似的还有 ctrlKey,shiftKey 。演示： <inputtype="button" value=" 点击 " onclick ="if( event.altKey ){alert('Alt 点击 ')}else{alert(' 普通点击 ')}"/> ；：

• clientX 、 clientY 发生事件时鼠标在客户区的坐标； screenX 、 screenY 发生事件时鼠标在屏幕上的坐标； offsetX 、 offsetY 发生事件时鼠标相对于事件源（比如点击按钮时触发 onclick ）的坐标。当页面中有 <!DOCTYPE （文档定义）时，对 offsetX 和 offsetY 单击时的解析不同 ( 使用 onmousedown 的时候与 onclick 测试结果不同。 ) 。（单击按钮中文字的时候。）

• ( window.event.returnValue ) returnValue 属性，如果将 returnValue 设置为 false ，就会取消默认事件的处理。在超链接的 onclick 里面禁止访问 href 的页面。在表单校验的时候禁止提交表单到服务器，防止错误数据提交给服务器、防止页面刷新。 ( onsubmit =" window.event.returnValue =false;")

• window.event.returnValue 不兼容火狐浏览器

• FireFox:e . preventDefault (); 取消事件的默认动作。

直接写 return false ;IE 、 FF 、 Chrome 都可以

• srcElement ：获得事件源对象。几个按钮共享一个事件响应函数用。**** _click(object sender,EventArgs e)//IE 、 Chrome 支持。见备注 1 。 //FF 下用 e.target ;

• button ，发生事件时鼠标按键， IE:1 为左键， 2 为右键， s4 中滑轮 // 要测试 event.button 的值的时候，请在 onmousedown 事件中测试。在 onclick 事件中只能识别鼠标左键的单击。不同浏览器返回值可能不一样。（不同浏览器值不一样）

• 除 IE 浏览器外，其他浏览器在绑定事件处理函数时，有一个默认的参数即 event 对象。

screen 对象，获取屏幕的信息：

• alert(" 分辨率： " + screen.width +"*" + screen.height );

• if ( screen.width <1024 || screen.height <768) {

• alert(" 分辨率太低！ ");

• }

clipboardData 对象，对粘贴板的操作。 // 只支持 IE, FF 参考资料

• setData (" Text",val ) ，设置粘贴板中的值。

• getData (“Text”) 读取粘贴板的值，返回值为粘贴板中的内容；

• clearData (“Text”) 清空粘贴板；

• 当复制的时候 body 的 oncopy 方法被触发，直接 returnfalse 就是禁止复制。 <body oncopy ="alert(' 禁止复制！ ');returnfalse;"

• 很多元素也有 oncopy ( 复制 ) 、 onpaste （粘贴）事件： oncut

document 属性：

• document 属性是 window 对象中最复杂的属性。

• 因为使用 window 对象成员的时候可以省略 window. ，所以一般直接写 document 。

• document 的方法：

• write();// 向文档中写入内容。 writeln () ，和 write 差不多，只不过最后添加一个回车。在 onclick 等事件中写的代码会冲掉页面中的内容，只有在页面加载过程中 write 才会与原有内容融合在一起。 writeln () 是在源代码里面换行。与 < br /> 不一样。

• document.write () 经常在广告代码、整合资源代码中被使用。

• （使用 pre 标签看 write() 与 writeln () 的区别，效果，见备注 1 ）

• Js 脚本一执行就会访问服务器。超链接诶还需要点击。

getElementById (), （非常常用），根据元素的 Id 获得对象，网页中 id 不能重复。也可以直接通过元素的 id 来引用元素，但是有有效范围、 form1.textbox1 之类的问题（当元素放在 form 中的时候（在 html 页面中需要通过 form. 元素 id ）），因此不建议直接通过 id 操作元素，而是通过 getElementById 。

getElement s ByName () ，根据元素的 name 获得对象，由于页面中元素的 name 可以重复，比如多个 RadioButton 的 name 一样，因此 getElementsByName 返回值是对象数组。

getElement s ByTagName () ，获得指定标签名称的元素数组，比如 getElementsByTagName (“input”) 可以获得所有的 <input> 标签。*表示所有标签

此处切忌不要使用 forin 循环 ( forin 循环循环的是键值对，不是对象本身。 ) 。（问题多多： radio 时有相同的 key, 第一个 key 是 length 等等。。）建议：使用 for 循环。
document.getElementById ()/ document.all [‘id’](*)

dxm809

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS window下面的对象

window.location对象：•window.location.href=‘’;//重新导航到新页面,可以取值，也可以赋值。•window.location.reload();//刷新当前页window.event是IE下非常重要的属性，用来获得发生事件时的信息，事件不局限于window对象的事件，所有元素的事件都可以通过event属性取到相关信息。类似于winForm中的e(EventAr...
复制链接

扫一扫

专栏目录