黑马程序员_.NET学习6（js）

---------------------- Windows Phone 7手机开发、.Net培训、.NET学习型技术博客、期待与您交流！ ----------------------

1.onload:页面加载完毕时触发
2.onunload:页面关闭或离开时触发
3.onbeforeunload:在网页准备关闭或离开，刷新时触发.在事件中为"window.event.returnvalue 赋值（要显示的警告消息），这样窗口离开（比如前进，后退，关闭）"就会弹出确认消息在body中写入（onbeforeunload="window.event.returnValue='真的要放弃推出吗？'"）

通用的HTML的元素事件
onclick(单击) ondblclick(双击) onkyedown(按键按下) onkeypress(点击按键) onkeyup(按键释放) onmousedown(鼠标按下) onmousemove(鼠标移动) onmouseout(鼠标离开元素范围) onmouseover(鼠标移动到元素范围) onmouseup(鼠标按键释放)等。

window.location.href="路径",从新导向新的网址，和navigate方法效果一样， window.location.reload()刷新页面。
取当前页面路径地址

window.event是非常重要的属性，用来获得发生事件的信息，事件不局限于window对象的事件，所有元素的事件都可以通过event属性取得相关信息。类是于winform中的e（EventArg）.
altKey属性,bool类型，表示事件发生时alt是否被按下，类似的还有ctrlKey,shiftKey属性，例子：


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

returnValue属性，如果将returnValue设置为false,就会取消默认事件处理，在超连接的onclick里面禁止访问href的页面。在表单效验的时候禁止提交表单到服务器。

srcElement,获得事件源对象。 keyCode,发生时间的按键值。 button,发生时间鼠标按键，1为左键，2为右键，3为左右同时按。（body onmousedown="if(event.button==2){alert('禁止复制');}"）

ondblclick是鼠标双击事件 ondblclick="document.ondblclick=f1" f1后面不能有括号


下面是window对象
window对象是指浏览器当前窗口，使用window对象的属性，方法的时候可以省略window，比如window.alert("Hello");可以省略成alert("Hello")

confirm方法，显示“确定”，“取消”对话框



重新导航到指定的地址 navgate(http://www.baidu.com);

setInterval是每隔一段时间执行一次指定的代码，第一个参数为代码的字符串，第二个参数为间隔的时间（单位毫秒）


clearInterval是取消setInterval的定时执行，相当于Timer中的Eabled=False. 因为setInterval可以设置多个定时器所以clearInterval要指定清除哪个定时器的标识，即setInterval的返回值 var intervalled = setInterval("alert('hello')",2000);clearinterval(intervalled);

6:setTimeout也是定时执行，但是不像setInterval那样重复执行，他只执行一次，clearTimeout也是清除定时。很好区分，Intervar :间隔：Timeout :超时。var timeoutld = setTimeout("alert('hello我是timeout')",300); 

1.clipboardData对象，对粘贴版的操作clearData("text")清空粘贴版；getData("Text")读取粘贴板的值，返回为粘贴板中的内容；setData("Text",val),设置粘贴板中的值。
案例：复制地址给好友。  

2.当复制的时候body的oncopy的方法呗触发，直接return false就禁止复制（body oncopy="alert("禁止复制！") return false"） 很多元素也有oncopy onpaste事件；
案例：禁止粘贴帐号。


4.在网站复制的时候，为了防止那些拷贝党不添加文章来源，自动在复制的内容后添加版本声明。

history操作历史记录
window.history.back()后腿；window.history.forward()前进，也可以用 window.history.go(-1),window.history.go(1)前进

document属性

1.document是window对象的一个属性，因为使用window对象成员的时候可以省略window，所以一般直接写document

document 的方法：
1.write：向文档中写入内容，writeln和write差不多，只不过最后添加一个回车（input type="button" value="点击" onclick="document.write('(font color=red)你好(/font))" /）在onclick等事件中写代码会冲掉页面中的内容，只有在页面加载过程中write才会与原有内容融合在一起整合资源例子：http://news.baidu.com/newscode.html

2.getElementById方法（非常常用），根据元素的Id获得对象，网页中id不能重复，也可以直接通过元素的 id来引用元素，但是有有效范围之类的问题，因此不建议通过id操作元素，而是通过getElementById


在表单中就不能直接用id名调value的值 要先获得表单的id在点控件的id才能调value,所以用getElementById 就能很好解决这一问题 通过id获取值就用getElementById
3.(*)getElementsByName,根据元素的Name获得对象，由于页面中元素的name可以重复，比如多个RadioButton 的name一样，因此getElementsByName返回值是对象数组。

4.(*)getElementsByTagName,获取指定标签名称的元素数组，比如getElementsByTagName("p")可以获得所有的（p）标签。

事件中的this。除了可以使用event.srcElement在事件响应函数中。this表示发生事件的控件。只有在事件响应函数才能使用。如果要使用则要将this传递给函数或者使用event.srcElement. 

修改元素的样式不是设置class属性，而是className属性案例：网页开关灯的效果。

/*开关灯效果 */

<script type="text/javascript">
        function switchlight() {
            var SwitchL = document.getElementById("SwitchL");
            if (document.body.className == "day") {
                document.body.className = "night";
                SwitchL.value = "开灯";
            }
            else {
                document.body.className = "day";
                SwitchL.value = "关灯";
            }
        }
        function divys() {
            var divys = document.getElementById("divys");
            if (divys.className == "day") {
                divys.className = "night";
            }
            else {
                divys.className = "day";
            }
       
    </script>
    <style type="text/css">
     .day
     {
         background-color:White;
     }
     .night
     {
           background-color:Black;   
      }
    </style>

<input type="button" value="关灯" id="SwitchL" onclick="switchlight()" />

单独修改样式的属性使用“style属性名”。注意在css中属性名在javaScript中操作的时候属性名可能不一样，主要集中在那些属性名中含有的属性，因为JavaScript中是不能做属性，类名。所以CSS中背景颜色是 background-color className属性；font-size→style fontSize;margin-top→style.marginTop

<body onclick="alert('我是body标签');">
事件冒泡：如果元素A嵌套在元素B中，那么A被点击不仅A的onclick事件会被触发，B的onclick
也会呗触发。触发的顺序是“由内到外”。验证：在页面上添加一个table,table里有tr,tr里
有td,td里有一个p，在p，td，tr，table中添加onclick事件响应。
<br /><br />
<table onclick="alert('我是table标签');">
    <tr onclick="alert('我是tr标签');"><td onclick="alert('我是td标签');"><p onclick="alert('我是p标签');">我是p标签</p></td></tr>
</table>
</body>

---------------------- Windows Phone 7手机开发、.Net培训、.NET学习型技术博客、期待与您交流！ ----------------------

 

 

详细请查看：http://net.itheima.com/