自己常用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等与好友分享了!");
 }