a我考网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 360|回复: 0

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

[复制链接]
发表于 2012-8-4 12:44:44 | 显示全部楼层 |阅读模式
Java认证之js程序中的美元符号$的详解. }. l5 T2 ]& K
js程序中的美元符号$: m9 Y; U' z8 J- k# Y
1、首先可以用来表示变量,: ~6 g4 A' b+ P6 a- R' Y; l
比如变量 var s=‘asdsd’或var $s=‘asdasd’;; s% `" k9 |& M6 f: f
2、在正则表达式中,它可以匹配结尾
" h, [6 k3 ~( m, [+ m/sa$/.test(string)
" O& Z. d% ?; c% l- n匹配string字符串中的sa,比如string=‘125sa’则匹配,string=‘125sa21’则不匹配% V6 w6 z, E- H5 G- u" W. S( K
正则表达式很复杂,这里只是简单的说说。2 S! I" E% m$ M6 o  _7 x' J8 y
3、由于受prototype.js(老外写的框架,用于将一些常用的函数封装,方便操作)的影响,: [% ~" z8 d: X) j' a9 {  v
现在很多人都用 $来表示一个查找对象的函数,, o  z( x4 x; B0 R4 i
$=function (id) { return (typeof (id)==‘object’)?id:document.getElementById(id); };% }  e1 x  t( A7 J' Z
其实就是一个自定义函数,用$只是简单,其实用其它字符也是一样的," Z! q5 h  y, }# r; a3 X3 r
f=function (id) { return (typeof (id)==‘object’)?id:document.getElementById(id); };也可以
7 Q; J: H* ]$ E# o- h) H) E其中参数id是html文档中的id,+ n0 p  G$ N. S: b
比如《div id=‘ss’》《/div》
/ T: N8 ~0 e9 i, X' F则obj=$(‘ss’)就是引用的这个id=‘ss’的对象. z. Q; U' l3 ~/ W& \- V
使用$()方法
" K" r/ _% G% |+ c; ^8 V$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。) y1 z/ S) ?! P' x2 I/ K3 _' m
比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。$ Y. H$ o8 O% g4 H% t+ [
《HTML》
# ?% u- u" G  f7 m" A( G/ h《HEAD》) |  {% U7 y% b3 p, }
《TITLE》 Test Page 《/TITLE》
0 Q5 Q, d$ e! U" S) h! Z《script src=“prototype-1.3.1.js”》《/script》7 g: z4 t7 A' ~- w
《script》( K2 R& y( a* f# E: g+ X
function test1()- F$ j  G$ c, H) U$ J
{# z, S! e( S  c6 \3 ^* v
var d = $(‘myDiv’);
$ J7 o1 F$ f4 b, \  ^+ B* |alert(d.innerHTML);( j9 Z' g% L: n/ K8 Y$ Y2 E% M
}  v. h. r8 j  t+ s0 I( w
function test2()0 J5 ?9 e4 |: u) v
{: O! h2 ~, _4 V. v, }
var divs = $(‘myDiv’,‘myOtherDiv’);% Q+ K+ R& _; ^9 N0 d8 O4 @/ j
for(i=0; i《divs.length; i++)
; j9 R* g  V0 g8 ?% t{
4 u# A# [5 `, {& [* V
; c- P) E6 x3 E) R/ Falert(divs[i].innerHTML);
2 ]( Y: H3 Y. S7 e0 Q}' c- w) C5 `) X& L- ?" t: [
}- X/ J6 M$ ]8 E: M) p
《/script》
/ Y/ R# `) B; G9 T+ A4 ~) ]《/HEAD》. }' S  O2 K$ }% x2 W% t
《BODY》" e, u/ Z1 W0 L
《div id=“myDiv”》' C7 Z8 }/ k* r4 E( T
《p》This is a paragraph《/p》
# I: j- W2 {! L- C, b# J+ L《/div》, [+ b' ~3 X8 l% w
《div id=“myOtherDiv”》
6 Q) t1 Z/ [, D《p》This is another paragraph《/p》
/ h9 J  i$ V! q) b: P《/div》, R2 |) M9 u# u3 o$ b% X2 D0 Q, ^
《input type=“button” value=Test1 onclick=“test1();”》《br》$ q2 y: O6 d( o" M( f
《input type=“button” value=Test2 onclick=“test2();”》《br》
: P+ L& b) G( f% a9 o7 g5 ~《/BODY》- G. T) @9 V# @5 A
《/HTML》
7 B! V0 f* L* X* H, D+ k, X8 @/ h下面的这个getObject方法和$符号是一样的意思:
6 Q4 h4 u/ H: F7 B4 ^* P3 pfunction getObject(elementId)4 U: p; \% t2 \+ k. k
{/ w) k! s8 T& F
if (document.getElementById)
( X$ k4 i3 |6 b. J{
: ^* G; p+ G4 {0 A+ ~return document.getElementById(elementId);$ Q7 K/ V% J' \, b& D- ]
}else if(document.all)9 ^* M7 r) @9 O! ^
{& q$ v8 I3 |) b$ U
return document.all[elementId];6 z/ V5 {7 t; |0 _7 M
}else if(document.layers)
7 @5 X* _3 j5 r{
! v6 i& Z! j% F- {+ Preturn document.layers[elementId];
' y1 K; o( [. f1 H}
2 n% d% e% d" ?; p$ L}
回复

使用道具 举报

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

本版积分规则

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

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

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

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