现在的位置: 首页 > 综合 > 正文

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

2013年04月10日 ⁄ 综合 ⁄ 共 2710字 ⁄ 字号 评论关闭

 

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

 

抱歉!评论已关闭.