当前位置:七道奇文章资讯网站建设网站编程
日期:2010-11-26 13:05:00  来源:本站整理

JS程序中的美圆标记$解析[网站编程]

赞助商链接



  本文“JS程序中的美圆标记$解析[网站编程]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:

  1、首先可以用来表示变量,

  比方变量 var s='asdsd'或var $s='asdasd';

  2、在正则表达式中,它可以匹配末尾

  /sa$/.test(string)

  匹配string字符串中的sa,比方string='125sa'则匹配,string='125sa21'则不匹配

  正则表达式很复杂,这里只是简单的说说.

  3、由于受prototype.js(老外写的框架,用于将一些常用的函数封装,便利操作)的影响,

  目前很多人都用 $来表示一个查找对象的函数,

  $=function (id) { return (typeof (id)=='object')?id:document.getElementById(id); };

  其实就是一个自定义函数,用$只是简单,其实用别的字符也是一样的,

  f=function (id) { return (typeof (id)=='object')?id:document.getElementById(id); };也可以

  此中参数id是html文档中的id,

  比方<div id='ss'></div>

  则obj=$('ss')就是引用的这个id='ss'的对象

  利用$()办法

  $() 办法是在DOM中利用过于频繁的 document.getElementById() 办法的一个便利的简写,就像这个DOM办法一样,这个办法返回参数传入的id的那个元素.

  比起DOM中的办法,这个更胜一筹.你可以传入多个id作为参数然后 $() 返回一个带有全部要求的元素的一个 Array 对象.

  1.   <HTML> 
  2.  
  3.   <HEAD> 
  4.  
  5.   <TITLE> Test Page </TITLE> 
  6.  
  7.   <script src="prototype-1.3.1.js"></script> 
  8.  
  9.   <script> 
  10.  
  11.   function test1()  
  12.  
  13.   {  
  14.  
  15.   var d = $('myDiv');  
  16.  
  17.   alert(d.innerHTML);  
  18.  
  19.   }  
  20.  
  21.   function test2()  
  22.  
  23.   {  
  24.  
  25.   var divs = $('myDiv','myOtherDiv');  
  26.  
  27.   for(i=0; i<divs.length; i++)  
  28.  
  29.   {  
  30.  
  31.   alert(divs[i].innerHTML);  
  32.  
  33.   }  
  34.  
  35.   }  
  36.  
  37.   </script> 
  38.  
  39.   </HEAD> 
  40.  
  41.   <BODY> 
  42.  
  43.   <div id="myDiv"> 
  44.  
  45.   <p>This is a paragraph</p> 
  46.  
  47.   </div> 
  48.  
  49.   <div id="myOtherDiv"> 
  50.  
  51.   <p>This is another paragraph</p> 
  52.  
  53.   </div> 
  54.  
  55.   <input type="button" value=Test1 onclick="test1();"><br> 
  56.  
  57.   <input type="button" value=Test2 onclick="test2();"><br> 
  58.  
  59.   </BODY> 
  60.  
  61.   </HTML> 
  62.  


  以上是“JS程序中的美圆标记$解析[网站编程]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:

  • JS程序中的美圆标记$解析
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .