a我考网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 339|回复: 0

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

[复制链接]
发表于 2012-8-4 12:44:44 | 显示全部楼层 |阅读模式
Java认证之js程序中的美元符号$的详解- U: @/ V0 c; [5 A& O
js程序中的美元符号$
% E1 j" H: M; n7 u1、首先可以用来表示变量,
/ E' I, G3 k! n" c! Z' ?6 ^比如变量 var s=‘asdsd’或var $s=‘asdasd’;
+ E) Q, w; L# v+ k3 \2、在正则表达式中,它可以匹配结尾. I7 I" A) @, |6 ?8 @: [& ^0 w
/sa$/.test(string)2 n; l" x. P$ e% }1 }& T
匹配string字符串中的sa,比如string=‘125sa’则匹配,string=‘125sa21’则不匹配
- o* s8 q* U) n) k. i正则表达式很复杂,这里只是简单的说说。
9 |1 j/ a: g  b, Y2 a3、由于受prototype.js(老外写的框架,用于将一些常用的函数封装,方便操作)的影响,
6 k5 V2 y+ O. H' U现在很多人都用 $来表示一个查找对象的函数,
! Q9 e+ g8 z+ k/ c. i$=function (id) { return (typeof (id)==‘object’)?id:document.getElementById(id); };$ U  h% L7 s/ w9 G/ E' c; F  p
其实就是一个自定义函数,用$只是简单,其实用其它字符也是一样的,3 U# L% x( r4 C0 [
f=function (id) { return (typeof (id)==‘object’)?id:document.getElementById(id); };也可以
9 ]9 Y# K& ^+ ]( H其中参数id是html文档中的id,5 f; C# I# Y6 V( B3 O
比如《div id=‘ss’》《/div》
1 Z$ W7 d2 R$ _% @' A则obj=$(‘ss’)就是引用的这个id=‘ss’的对象
0 ?# I0 I: ]8 ]6 B# g使用$()方法
' ~; p6 s3 w: z# w* S. o9 p9 b$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。
: i- Y' N& [2 P# G2 V比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。
! f0 X) e  Y0 _: o9 M  n7 K0 i/ j《HTML》( g; X' m' u, A$ d* F
《HEAD》
2 A0 D+ P4 [+ Z+ ~5 w7 R3 ]( k《TITLE》 Test Page 《/TITLE》  B9 a, W' ~+ E; a8 i1 U8 i
《script src=“prototype-1.3.1.js”》《/script》
  X' b9 r) M( }, T2 ~: Q8 j! S《script》
0 u" z" d7 s; O9 a; pfunction test1()( U1 p1 e" k% B; ]+ k, x0 p* e
{
& B% z9 M  X2 L0 G7 i5 N5 R: Q, qvar d = $(‘myDiv’);& Q2 J1 ]4 b3 k$ b7 [" k$ B
alert(d.innerHTML);/ W7 a' |9 u% S" A2 }4 G' D! `" T+ Q
}
  S* K4 q7 z# ~function test2()6 I: b5 N1 j5 K0 _  R5 W
{5 I  Y  ^/ m1 o8 Z
var divs = $(‘myDiv’,‘myOtherDiv’);8 J  U0 g9 a% t& i: |
for(i=0; i《divs.length; i++)
4 c% F8 G8 z9 e4 D: d{; }% e% U9 Y$ b

/ }4 \" F' E* j  walert(divs[i].innerHTML);7 O. Q# |7 b* |) ^  q2 S
}
$ i  W& P' I- D}/ y( Y* C5 a4 k5 x$ g# L4 j, Y' {
《/script》
* w, g! }6 b7 D5 Y- d: `' E' h; t! Q《/HEAD》6 f7 e1 T/ ^" {, g
《BODY》' n9 E( R8 n6 y: b) L8 @' i( J
《div id=“myDiv”》6 N9 Z, m& l6 O
《p》This is a paragraph《/p》2 l8 D7 e# R( D9 N( `& H( ]+ m
《/div》; b0 ^- B. v% N; Y
《div id=“myOtherDiv”》
( s& T1 {$ V+ j7 f, V: k《p》This is another paragraph《/p》
0 {: |/ Z4 _/ a1 O, y# k《/div》
1 F9 x% o' X7 F; d) O0 U《input type=“button” value=Test1 onclick=“test1();”》《br》
' K4 G) j- g4 T  e/ E. m: c5 u  R; P* k《input type=“button” value=Test2 onclick=“test2();”》《br》: e' Y* |" [( Z; i9 U
《/BODY》& I. A& ]" ]2 H
《/HTML》
, _- f6 d* ^3 B" L9 x' D# U. X' ?下面的这个getObject方法和$符号是一样的意思:
3 ~8 c$ L6 F4 y6 t) G* g( Ofunction getObject(elementId)
* r) n. T- D# \8 `# A; A" s! y{
! c- U, s7 c% x1 p# c5 [3 l2 u3 iif (document.getElementById)
6 D- L# N# o; ?3 \5 n{+ Q: s  x' ]3 s6 Z, _
return document.getElementById(elementId);
' e" P. Q# H" E0 j}else if(document.all)
: n. k1 }8 `9 {3 [: h- c) ]9 R{2 w& v8 o7 ^) k: B1 M7 _+ F: r
return document.all[elementId];
0 P* @/ z  c: [& Q' @# J}else if(document.layers)8 b* a, i7 r1 z! R" @# Y1 y5 K5 a
{! s* C& H4 D: k1 M3 A: [4 ~! Q0 r# Y
return document.layers[elementId];
( {- S# Z# V5 t$ K6 G}# {' D" o* i' g9 {3 Q2 {
}
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-4-26 05:03 , Processed in 0.184808 second(s), 21 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

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