黑马程序员--第七季DOM编程笔记

最新推荐文章于 2024-09-19 14:52:06 发布

sas5215

最新推荐文章于 2024-09-19 14:52:06 发布

阅读量586

点赞数 1

文章标签：编程 function scroll regex 正则表达式 menu

本文链接：https://blog.csdn.net/sas5215/article/details/7071916

版权

---------------------- WinPhone7培训、.NET培训、期待与您交流！ ----------------------

<html>
<head>
<title>DOM编程</title>
<script type="text/javascript">
  function scroll(){
  var title=document.title;
  var firstChar=title.charAt(0);
  var leftString=title.substring(1,title.length);
  document.title=leftString+firstChar;
  }
  setInterval("scroll();",1000);
  
  function onload(){
  alert("Welcome to My Site!");
  }

  
  function modifyClipboard(){
  clipboardData.setData('Text',clipboardData.getData('Text')+"文章来源："+window.location.href);
  }
  setTimeout("modifyClipboard();",100);
  //不能直接去改粘贴板的内容，需时间缓冲
  
  function changeBg(){
    var menu=document.getElementById("menu");
  for(var i=0;i<menu.childNodes.length;i++){
     var over=menu.childNodes[i];
    if(window.event.srcElement==over){
	 over.style.color="red";
	 }
	}
}
</script>
</head>
<body οnlοad="onload();" οnunlοad="onload();" οnbefοreunlοad="window.event.returnValue='leave'">
菜单效果:<br/>
<ol id="menu">
<li οnmοuseοver="changeBg();">menu1</li><li>menu2</li><li>menu3</li><li>menu4</li>
</ol>

<fieldset style="font-size:larger;color:red">
<legend></legend>
setInterval(code,time);   clearInterval(intervalid);<br/>
setTimeout(code,time);只执行一次;clearTimeout(id);<br/>
navigate(URL);/window.location.href=url;///window.location.reload()刷新当前页面<br/>
事件对象：window.event<br>
window.event.ctrlKey判断Ctrl键是否被按下了。altKey，shiftKey；<br>
clientX,clientY     screenX,screenY   offsetX,offserY  <br/>
window.event.returnValue属性设置为false，就会取消默认事件的处理。<br/>
srcElement获得事件源的处理。<br/>
window.screen.width屏幕信息；<br/>
剪贴板的操作：clipboardData对象。clipboardData.clearData(对象名);setData(对象名，内容);getData(对象);<br/>
很多元素中的οncοpy="return false;"禁止复制onpase，<br/>
<br/>
history.back();后退/  window.history.forward();前进/    window.history.go(-1);后退一页/
<br/>
事件冒泡
<br/>
兼容性问题：table动态插入时，tr先查到tbody中才可以；设置class时，ＩＥ中要使用ｃｌａｓｓＮａｍｅ；
获取网页中哪个元素触发了事件：在ＩＥ中使用ｓｒｃＥｌｅｍｅｎｔ，在火狐中使用ｔｅｘｔＣｏｎｔｅｘｔ；
动态为网页或元素绑定事件：在ＩＥ中是ａｔｔａｃｈＥｖｅｎｔ；在火狐中ａｄｄＥｖｅｎｔＬｉｓｔｅｎｅｒ；
在ＩＥ中使用ｉｎｎｅｒＴｅｘｔ；在火狐中ｔｅｘｔＣｏｎｔｅｘｔ；
<br/>
正则表达式：var regx=new RegExp("\\d{5}");或var regex=/\d{5}/;/表达式/
regex.test(字符串);判断是否匹配

string.match(regex);
</fieldset>
</body>
</html>

----------------------WinPhone7培训、.NET培训、期待与您交流！ ---------------------- 详细请查看：http://edu.csdn.net/heima