JavaScript中的dom方法总结

整个页面或者说窗口就是一个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---粘贴的事件















  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值