整个页面或者说窗口就是一个window对象,所以页面的一些元素都可以通过window点出来;
--------------------------------------------------------------------------------------------------------------------------------------
1.
页面的点击事件有两个,
body的onclick----------只限于在body中点击才能触发
document.onclick----------整个页面内点击都可以触发
-------------------------------------------------------------------------------------------------------------------------------------- 2.
动态设置事件有两种方式:
(1)
直接在某个标签中写js代码,如:
<input type="button" οnclick="js代码" />
(2)
通过document.getElementById('id').οnclick=匿名函数;在这个匿名函数中写要执行的代码;
--------------------------------------------------------------------------------------------------------------------------------------
3.
window对象的属性和方法:
一般情况,使用window的属性或者方法可以省略window,直接写方法名就可以;如:
window.alert('我好帅');
----我们可以省略window;
confirm('弹出内容');
---这个方法返回bool类型,可以通过这个方法尽心弹框
window.navigate(url);----这个方法的意思是指重新导航;
IE和空中支持
window.location.href=url;-----这个可以直接赋值,表示的是去这个网址-所有浏览器都支持
window.location.reload();----这个方法相当于刷新
--------------------------------------------------------------------------------------------------------------------------------------
4.
js中的两个计时器
:
setInterval(code,delay);这个计时器指的是每隔多长时间执行一次里面的代码;
setTimeout(code,delay):这个计时器指的是隔多长时间就执行一次;
两个计时器都是方法,返回值都是他们本身的id,有了id就可以销毁计时器;
clearInterval(intervalId):是第一个计时器的销毁方法
clearTimeout(setTimeoutId);----是清楚第二个计时器的方法
--------------------------------------------------------------------------------------------------------------------------------------
5.
doucument的事件三个
onload(页面加载后触发)---常用
onunload(页面卸载后触发)--不常用
onbeforeunload(页面卸载前触发)---经常用
--------------------------------------------------------------------------------------------------------------------------------------
6.
window.event----一般兼容IE,火狐不兼容
window.event.altKey---检测用户按下的是alt键
window.event.ctrlKey---检测用户按下的是ctrl键
window.event.shiftKey--检测用户按下的是shift键
window.event.clientX---发生事件的时候鼠标在客户区的横坐标
window.event.clientY---发生事件的时候鼠标在客户区的纵坐标
window.event.screenX---发生事件时鼠标在屏幕上的横坐标
window.event.screenY---发生事件时鼠标在屏幕上的纵坐标
window.event.offsetX---发生事件时鼠标相对于事件源的横坐标
window.event.offsetY---发生事件时鼠标相对于事件源的纵坐标
window.event.returnValue---值为false的时候指的是取消事件的处理和return false一样(后者常用,兼容问题)
window.event.srcElement---事件源
window.event.button---鼠标按键的值
window.clipboardData.setData('text',值);---设置剪切板内容
window.clipboardData.getData('text');---获得剪切板内容
body.oncopy---复制的事件
body.onpaste---粘贴的事件
JavaScript中的dom方法总结
最新推荐文章于 2024-09-18 08:30:33 发布