a我考网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 359|回复: 0

[专业语言] Java认证之js程序中的美元符号$的详解

[复制链接]
发表于 2012-8-4 12:44:44 | 显示全部楼层 |阅读模式
Java认证之js程序中的美元符号$的详解- ^! E2 ~: n1 m3 c+ h
js程序中的美元符号$5 g9 Y8 ~$ K2 V/ p) Z4 I6 X
1、首先可以用来表示变量,3 B& |2 P4 y1 f' o' i. N% H
比如变量 var s=‘asdsd’或var $s=‘asdasd’;$ l% b- I- u& z/ a) A
2、在正则表达式中,它可以匹配结尾+ i! L& a. R' n- v, U7 t6 m
/sa$/.test(string)
$ Z( H& a# y* w/ `, b0 `& F匹配string字符串中的sa,比如string=‘125sa’则匹配,string=‘125sa21’则不匹配2 n9 t2 ^2 A2 E
正则表达式很复杂,这里只是简单的说说。0 C' }5 e5 u' L5 S! j& J; S
3、由于受prototype.js(老外写的框架,用于将一些常用的函数封装,方便操作)的影响,
( c4 s0 x4 [' j; s现在很多人都用 $来表示一个查找对象的函数,
$ w9 C; c' B/ G! f8 B4 Z$=function (id) { return (typeof (id)==‘object’)?id:document.getElementById(id); };" d. g. D+ m( p: G% B
其实就是一个自定义函数,用$只是简单,其实用其它字符也是一样的,
9 a& L* i: v5 G! M* ^- Kf=function (id) { return (typeof (id)==‘object’)?id:document.getElementById(id); };也可以
: ~( K) y; c2 W6 l8 T* a% C其中参数id是html文档中的id,, o2 U9 V4 a' m" s6 o7 ?
比如《div id=‘ss’》《/div》# _( ?7 ]3 M1 h( y
则obj=$(‘ss’)就是引用的这个id=‘ss’的对象- L  g5 C/ b( ~7 W8 b! L4 ]& B
使用$()方法* r/ M! C# r. {+ X
$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。9 F: d  p  N/ b1 Q( ~) V
比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。
8 n5 @) y) k9 x7 C4 R+ ]% T《HTML》% v. G0 {3 C7 y# S# s, P) N
《HEAD》# `+ `. j5 b; _. l1 B6 c9 ?
《TITLE》 Test Page 《/TITLE》( c: T! T7 P0 M/ f' k
《script src=“prototype-1.3.1.js”》《/script》2 V$ g, V5 _0 j1 R+ a# v
《script》
' j8 L3 h( @& }, tfunction test1()
* G, b: r3 U+ k{9 M. {: E; r, U" a# D
var d = $(‘myDiv’);
" o8 |' x) G* ?! ?. |9 q1 q: L6 walert(d.innerHTML);6 w6 ]! {% v! o1 ]# W  }
}
- ~" M/ D# S( N, ^5 Pfunction test2()
  }/ y8 S$ U, k- |{
" ~- c9 |9 r2 h+ Qvar divs = $(‘myDiv’,‘myOtherDiv’);& Z6 v0 F$ K( Q0 T
for(i=0; i《divs.length; i++)
$ G8 q7 j9 \; }; `0 Z# W{  t, J5 P7 ^& S/ Q" S# ~% s# ]

1 ]7 y  H' }0 W, Nalert(divs[i].innerHTML);
. L2 B8 q/ C0 D}% Y, ]& F" l- u6 r0 ~4 \( Z
}
- I1 c3 X4 Z& m" G《/script》) @! v, q6 O$ H$ O$ `
《/HEAD》) l4 ^& Q* o% @/ e5 C* o
《BODY》1 X' l/ x8 i4 T$ x/ e
《div id=“myDiv”》, w4 S  h: u& c( f" |  Y
《p》This is a paragraph《/p》
6 H: R- o! v1 I《/div》: G; c- G; y* g9 `  s3 |0 p. N' |
《div id=“myOtherDiv”》3 c1 s7 c1 P( b$ S$ F5 C5 w
《p》This is another paragraph《/p》
+ r* e- @( \9 |7 i《/div》
) X8 ^8 q2 V2 c+ W" W1 s$ `《input type=“button” value=Test1 onclick=“test1();”》《br》, n4 I3 m1 O3 R; A) a' W
《input type=“button” value=Test2 onclick=“test2();”》《br》, t' @. x( N* C* f) g8 U9 U
《/BODY》
8 K& W$ }& M- w0 X* P4 g& z2 Z《/HTML》$ C% k! _" s9 Y" O* h* `" @
下面的这个getObject方法和$符号是一样的意思:7 b; T6 L3 ], H( ~
function getObject(elementId)( M4 j" C3 P/ {) p, ^
{. d# k9 O% k, P, O
if (document.getElementById)8 b3 M# x1 [4 ?3 P% B
{* u9 e5 Q" l; ^5 y8 U4 Y/ B  [- f
return document.getElementById(elementId);
. z( h- I) i/ D* k9 ^}else if(document.all)/ _" ~& f% L& U0 u5 i
{
- }' Y0 f6 M$ \- @! f' b6 rreturn document.all[elementId];, e: c% {$ P. _' \; n
}else if(document.layers)- b9 H6 o- X$ C; t% l
{9 u4 D. {& }: v+ Q% k! d+ ~. R6 h1 e
return document.layers[elementId];* w; {/ f& q. a5 Q& X' _$ x! f
}
& K) Y. S/ E! K}
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Woexam.Com ( 湘ICP备18023104号 )

GMT+8, 2024-6-26 08:52 , Processed in 0.153123 second(s), 21 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表