黑马程序员-- Dom基础知识学习笔记1

来源：互联网发布：java for循环语句编辑：程序博客网时间：2024/04/26 15:23

---------------- ----Windows Phone 7手机开发、.Net培训期待与您交流！--------------------------

ADO.NET基础学习笔记

1.dom就是HTML页面模型，将每个标签都作为一个对象，js通过调用dom中的属性，方法就可以对网页中的文本框，层等元素进行编程控制，js-->dom就相当于C#-->.Net Framwork

2.Body document对象的事件：

Onload：网页加载完毕时触发，浏览器是一边下载文档一边解析执行。元素的onload事件是元素完毕时触发，body onload才是全部加在完成

Onunload：网页关闭或离开后触发。

Onbeforeunload：在网页准备关闭或者离开后触发。在事件中为“window.event.returnValue”赋值（要显示的警告消息），这样窗口离开（比如前进后退关闭）就会弹出确认消息。

例：<body onbeforeunload=”window.event.returnValue=‘真的要放弃编辑，离开此页吗？’”>

Onclick单击 ondbclick双击，onkeydown按键按下 onkeypress点击按键，onkeyup按键释放

Onmousedown鼠标按下，onmousemove鼠标移动，onmouseout鼠标离开元素范围，onmouseover鼠标移动到元素范围，onmouseup鼠标按键释放。

3.window对象代表当前浏览器窗口，使用window对象的属性方法的时候可以省略window比如window.alert(‘a’)可以省略成alert（‘a’）.conflrm方法显示确定取消对话框，如果按了确定按钮就返回true否则返回false。

4.重新导向到指定地址：navicate（“http://www.itheima.com”）;

5.setInterval 每隔一段时间执行指定的代码，第一个参数为代码的字符串，第二个参数为每隔时间（单位为毫秒），返回值为定时器的标识，例：setInterval（“alert(‘hello’)”,5000）

6.clearInterval 取消setInterval的定时执行，相当于Timer中的Enabled=False，因为setInterval可以设定多个计时器，所以clearInterval要指定清除哪个计时器的标识，即setInterval的返回值。例：var interval=setInterval（“alert(‘hello’)”,5000）;

clearInterval(interval);

setInterval返回值为setInterval定时器的编号。

7.setTimeout也是定时执行，但是不向setInterval那样重复执行，setTimeout只定时执行一次。clearTimeout也是清除定时。

8.Window对象属性 window.location.href=”http://www.itheima.com”,重新导向新的地址，和navigate方法效果一样，window.location.reload()刷新页面。Location表示当前页面的地址。

9.window.event用来获得发生事件时的信息，事件不局限于window对象的时间，所有元素的事件都可以通过event属性取到相关信息，类似于winForm中的EventArg

altKey属性，bool类型，表示发生事件是alt键是否被按下，类似的还有ctrlKey，shiftKey属性。例<input type=”button” value=”点击” onclick=”if(event.altKey){alert(‘Alt点击’)} else{alert（‘普通点击’）}”/>；

clientX，clientY发生事件时鼠标在客户区的坐标，screenX，screenY发生事件时鼠标在屏幕上的坐标，offsetXx，offsetY发生事件时鼠标相对于事件源（比如点击按钮是触发onclick）的坐标

10.returnValue属性设置为false就会取消默认事件的处理。

例：<a href=”http://www.itheima.com” onclock=”alert(‘禁止访问’)”>;window.event.returnValue=false;”>黑马程序员</a>

在执行弹出对话框后如果没有设置returnValue则页面还是会发生跳转，只有将returnValue设置为false时才不会发生跳转。

11.Screen对象，屏幕信息。

例：alert（“分辨率：”screen.width+”*”+screen.height）;

If(screen.width<1024||screen.height<768)

{alert(“分辨率太低”)；}

12.clipboardData对象，对粘贴板的操作，clearData（“Text”）清空粘贴板；getData（“Text”）读取粘贴板的值，返回值为粘贴板中的内容；setData（“Text”,val）,设置粘贴板中的值。

13.取当前页面的地址：location.href;以上参数为Text的方法参数永远为Text不会改变。

例：<input type=”button” value=”分享给好友” onclick=”clipboardData.setData(‘Text’,’我发现一个好玩的网站’+location.href);alert(‘已经将地址放在粘贴板中！’);”/>

当复制时body的oncopy事件被触发，直接return false就是禁止复制。例：<body oncopy=”alert(‘禁止复制’);return false;”很多元素也有oncopy onpaste事件

---------------- ----Windows Phone 7手机开发、.Net培训期待与您交流！--------------------------