自己常用js方法(DOM操作)

 

<select name="select" size="1" class="lianjie" onChange="window.open(this.options[this.selectedIndex].value,'_blank')" style="background:#fd8a29">
      <option value="">江西省高校思政网链接</option>
      <option value="http://www.jxmu.edu.cn">南昌大学医学院懿德网</option>
      <option value="http://www.qzjci.com">景德镇陶瓷学院求真网</option>
      <option value="http://www.md.jxufe.cn/">江西财经大学明德网</option>
      <option value="http://www.ecjtu.net/">华东交通大学日新网</option>
      <option value="http://qh.nchu.jx.cn/">南昌航空学院启航网</option>           
</select>

========================================================================================

js 定时刷新页面：

<script language="javascript">
   function myrefresh()
     {
        window.location.href="login.aspx";                
     }
      setTimeout(myrefresh,2000); //指定2秒刷新一次
</script> 

========================================================================================
函数：split()
功能：使用一个指定的分隔符把一个字符串分割存储到数组
例子：

 

str=”jpg|bmp|gif|ico|png”;
arr=theString.split(”|”);
//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

函数：join()
功能：使用您选择的分隔符将一个数组合并为一个字符串
例子：

var  delimitedString = myArray.join(delimiter);
var  myList = new  Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
var  portableList = myList.join(” | ”);
// 结果是jpg|bmp|gif|ico|png

函数：substring()
功能：字符串截取，比如想从”MinidxSearchEngine”中得到”Minidx”就要用到substring(0,6)

 

函数：indexOf()
功能：返回字符串中匹配子串的第一个字符的下标

var  myString = ”JavaScript”;
var  w = myString.indexOf(”v”);w will be  2
var  x = myString.indexOf(”S”);x will be  4
var  y = myString.indexOf(”Script”);y will also be  4
var  z = myString.indexOf(”key”);z will be  - 1

========================================================================================

obj.innerHTML  , obj.outerHTML

eg.  若有 <div id="container"><a herf=http://www.baidu.com>百度</a></div>

   ----> var obj=get.ElementById("container")
          则 obj.innerHTML  等于 <a herf=http://www.baidu.com>百度</a>

          当用js方法设置 obj.outerHTML="" 时，可以删除自己。也就是说可以通过设置对象的outerHTML属性值为"" 时，可以删除对象节点。

========================================================================================

js改变对象事件：
eg.

<script type="text/ecmascript" language="javascript">
 function fn1()
 {
   alert("更改前的事件！");
 }
 function fn2()
 {
   alert("更改后的事件！");
 }
 function changClick()
 {
   var iptChk=document.getElementById("iptChk");
   iptChk.onclick=fn2; 
 }
</script>

<div><input type="checkbox" id="iptChk" value="123456" onclick="fn1();"/></div>

<br /><br /><br />
<a onclick="changClick();" style="cursor:pointer;">改变事件</a>

========================================================================================
 //网址推荐给好友

 function copyToClipBoard()
 {
  var clipBoardContent=''; 
  clipBoardContent+=document.title;
  clipBoardContent+=window.location.href;
  window.clipboardData.setData("Text",clipBoardContent);
  alert("你已复制链接及标题，你可以粘贴到QQ/POPO/MSN等与好友分享了!");
 }