锘??xml version="1.0" encoding="utf-8" standalone="yes"?>
鏂規硶涓昏鏈変笁縐?
杞崲鍑芥暟銆佸己鍒剁被鍨嬭漿鎹€佸埄鐢╦s鍙橀噺寮辯被鍨嬭漿鎹€?
1. 杞崲鍑芥暟
js鎻愪緵浜唒arseInt()鍜宲arseFloat()涓や釜杞崲鍑芥暟銆傚墠鑰呮妸鍊艱漿鎹㈡垚鏁存暟錛屽悗鑰呮妸鍊艱漿鎹㈡垚嫻偣鏁般傚彧鏈夊String綾誨瀷璋冪敤榪欎簺鏂規硶錛岃繖涓や釜鍑芥暟鎵嶈兘姝g‘榪愯錛涘鍏朵粬綾誨瀷榪斿洖鐨勯兘鏄疦aN(Not a Number)銆?
鍦ㄥ垽鏂瓧絎︿覆鏄惁鏄暟瀛楀煎墠錛宲arseInt()鍜宲arseFloat()閮戒細浠旂粏鍒嗘瀽璇ュ瓧絎︿覆銆俻arseInt()鏂規硶棣栧厛鏌ョ湅浣嶇疆0澶勭殑瀛楃錛?
鍒ゆ柇瀹冩槸鍚︽槸涓湁鏁堟暟瀛楋紱濡傛灉涓嶆槸錛岃鏂規硶灝嗚繑鍥濶aN錛屼笉鍐嶇戶緇墽琛屽叾浠栨搷浣溿備絾濡傛灉璇ュ瓧絎︽槸鏈夋晥鏁板瓧錛岃鏂規硶灝嗘煡鐪嬩綅緗?澶勭殑瀛楃錛岃繘琛屽悓鏍風殑嫻嬭瘯銆?
榪欎竴榪囩▼灝嗘寔緇埌鍙戠幇闈炴湁鏁堟暟瀛楃殑瀛楃涓烘錛屾鏃秔arseInt()灝嗘妸璇ュ瓧絎︿箣鍓嶇殑瀛楃涓茶漿鎹㈡垚鏁板瓧銆?
渚嬪錛屽鏋滆鎶婂瓧絎︿覆 "1234blue
"杞崲鎴愭暣鏁幫紝閭d箞parseInt()灝嗚繑鍥?234錛屽洜涓哄綋瀹冩嫻嬪埌瀛楃b鏃訛紝灝變細鍋滄媯嫻嬭繃紼嬨傚瓧絎︿覆涓寘鍚殑鏁板瓧瀛楅潰閲忎細琚紜漿鎹負鏁板瓧錛屽洜姝?
瀛楃涓?"0xA "浼氳姝g‘杞崲涓烘暟瀛?0銆備笉榪囷紝瀛楃涓?"22.5 "灝嗚杞崲鎴?2錛屽洜涓哄浜庢暣鏁版潵璇達紝灝忔暟鐐規槸鏃犳晥瀛楃銆備竴浜涚ず渚嬪涓嬶細
parseInt("1234blue"); //returns 1234
parseInt()鏂規硶榪樻湁鍩烘ā寮忥紝鍙互鎶婁簩榪涘埗銆佸叓榪涘埗銆佸崄鍏繘鍒舵垨鍏朵粬浠諱綍榪涘埗鐨勫瓧絎︿覆杞崲鎴愭暣鏁般傚熀鏄敱parseInt()鏂規硶鐨勭浜屼釜鍙傛暟鎸囧畾鐨勶紝鎵浠ヨ瑙f瀽鍗佸叚榪涘埗鐨勫鹼紝闇濡備笅璋冪敤parseInt()鏂規硶錛?br />
parseInt("AF", 16); //returns 175
parseFloat()鏂規硶涓巔arseInt()鏂規硶鐨勫鐞嗘柟寮忕浉浼鹼紝浠庝綅緗?寮濮嬫煡鐪嬫瘡涓瓧絎︼紝鐩村埌鎵懼埌絎竴涓潪鏈夋晥鐨勫瓧絎︿負姝紝鐒跺悗鎶婅瀛楃涔嬪墠
鐨勫瓧絎︿覆杞崲鎴愭暟瀛椼備笉榪囷紝瀵逛簬榪欎釜鏂規硶鏉ヨ錛岀涓涓嚭鐜扮殑灝忔暟鐐規槸鏈夋晥瀛楃銆傚鏋滄湁涓や釜灝忔暟鐐癸紝絎簩涓皬鏁扮偣灝嗚鐪嬩綔鏃犳晥鐨勶紝parseFloat()
鏂規硶浼氭妸榪欎釜灝忔暟鐐逛箣鍓嶇殑瀛楃涓茶漿鎹㈡垚鏁板瓧銆傝繖鎰忓懗鐫瀛楃涓?"22.34.5 "灝嗚瑙f瀽鎴?2.34銆?br />
浣跨敤parseFloat()鏂規硶鐨勫彟涓涓嶅悓涔嬪鍦ㄤ簬錛屽瓧絎︿覆蹇呴』浠ュ崄榪涘埗褰㈠紡琛ㄧず嫻偣鏁幫紝鑰屼笉鑳界敤鍏繘鍒跺艦寮忔垨鍗佸叚榪涘埗褰㈠紡銆傝
涓嬮潰鏄嬌鐢╬arseFloat()鏂規硶鐨勭ず渚嬶細
2. 寮哄埗綾誨瀷杞崲
榪樺彲浣跨敤寮哄埗綾誨瀷杞崲錛坱ype casting錛夊鐞嗚漿鎹㈠肩殑綾誨瀷銆備嬌鐢ㄥ己鍒剁被鍨嬭漿鎹㈠彲浠ヨ闂壒瀹氱殑鍊鹼紝鍗充嬌瀹冩槸鍙︿竴縐嶇被鍨嬬殑銆?br />
ECMAScript涓彲鐢ㄧ殑3縐嶅己鍒剁被鍨嬭漿鎹㈠涓嬶細
鍙互鐢ㄤ笅闈㈢殑浠g爜孌墊祴璇旴oolean鍨嬬殑寮哄埗綾誨瀷杞崲銆?
Boolean(""); //false – empty string
Number()鐨勫己鍒剁被鍨嬭漿鎹笌parseInt()鍜宲arseFloat()鏂規硶鐨勫鐞嗘柟寮忕浉浼鹼紝鍙槸瀹冭漿鎹㈢殑鏄暣涓鹼紝鑰屼笉鏄儴鍒嗗箋傝繕璁板緱
鍚楋紝parseInt()鍜宲arseFloat()鏂規硶鍙漿鎹㈢涓涓棤鏁堝瓧絎︿箣鍓嶇殑瀛楃涓詫紝鍥犳 "4.5.6 "灝嗚杞崲涓?"4.5
"銆傜敤Number()榪涜寮哄埗綾誨瀷杞崲錛?"4.5.6
"灝嗚繑鍥濶aN錛屽洜涓烘暣涓瓧絎︿覆鍊間笉鑳借漿鎹㈡垚鏁板瓧銆傚鏋滃瓧絎︿覆鍊艱兘琚畬鏁村湴杞崲錛孨umber()灝嗗垽鏂槸璋冪敤parseInt()鏂規硶榪樻槸璋冪敤
parseFloat()鏂規硶銆備笅琛ㄨ鏄庝簡瀵逛笉鍚岀殑鍊艱皟鐢∟umber()鏂規硶浼氬彂鐢熺殑鎯呭喌錛?
鐢ㄣ銆娉?nbsp; 緇撱銆鏋?br />
Number(false) 0
鏈鍚庝竴縐嶅己鍒剁被鍨嬭漿鎹㈡柟娉昐tring()鏄渶綆鍗曠殑錛屽洜涓哄畠鍙妸浠諱綍鍊艱漿鎹㈡垚瀛楃涓層傝鎵ц榪欑寮哄埗綾誨瀷杞崲錛屽彧闇瑕佽皟鐢ㄤ綔涓哄弬鏁頒紶閫掕繘鏉ョ殑鍊肩殑
toString()鏂規硶錛屽嵆鎶?杞崲鎴?nbsp; "1 "錛屾妸true杞崲鎴?"true "錛屾妸false杞崲鎴?"false
"錛屼緷姝ょ被鎺ㄣ傚己鍒惰漿鎹㈡垚瀛楃涓插拰璋冪敤toString()鏂規硶鐨勫敮涓涓嶅悓涔嬪鍦ㄤ簬錛屽null鎴杣ndefined鍊煎己鍒剁被鍨嬭漿鎹㈠彲浠ョ敓鎴愬瓧絎︿覆鑰屼笉寮?
鍙戦敊璇細
var s1 = String(null); //"null"
3. 鍒╃敤js鍙橀噺寮辯被鍨嬭漿鎹?/strong>
涓句釜灝忎緥瀛愶紝涓鐪嬶紝灝變細鏄庣櫧浜嗐?br />
<script>
涓婁緥鍒╃敤浜唈s鐨勫急綾誨瀷鐨勭壒鐐癸紝鍙繘琛屼簡綆楁湳榪愮畻錛屽疄鐜頒簡瀛楃涓插埌鏁板瓧鐨勭被鍨嬭漿鎹紝涓嶈繃榪欎釜鏂規硶榪樻槸涓嶆帹鑽愮殑銆?
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN
褰撶劧錛屽浜岃繘鍒躲佸叓榪涘埗錛岀敋鑷沖崄榪涘埗錛堥粯璁ゆā寮忥級錛岄兘鍙互榪欐牱璋冪敤parseInt()鏂規硶錛?br />
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10
濡傛灉鍗佽繘鍒舵暟鍖呭惈鍓嶅0錛岄偅涔堟渶濂介噰鐢ㄥ熀鏁?0錛岃繖鏍鋒墠涓嶄細鎰忓鍦板緱鍒板叓榪涘埗鐨勫箋備緥濡傦細
parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10
鍦ㄨ繖孌典唬鐮佷腑錛屼袱琛屼唬鐮侀兘鎶婂瓧絎︿覆 "010 "瑙f瀽鎴愪簡涓涓暟瀛椼傜涓琛屼唬鐮佹妸榪欎釜瀛楃涓茬湅浣滃叓榪涘埗鐨勫鹼紝瑙f瀽瀹冪殑鏂瑰紡涓庣浜岃浠g爜錛堝0鏄庡熀鏁頒負8錛夌浉鍚屻傛渶鍚庝竴琛屼唬鐮佸0鏄庡熀鏁頒負10錛屾墍浠Num3鏈鍚庣瓑浜?0銆?
鏂規硶浼氬拷鐣ュ墠瀵?錛屾墍浠ュ叓榪涘埗鏁?908灝嗚瑙f瀽涓?08銆傚浜庡崄鍏繘鍒舵暟0xA錛岃鏂規硶灝嗚繑鍥濶aN錛屽洜涓哄湪嫻偣鏁頒腑錛寈涓嶆槸鏈夋晥瀛楃銆傛澶栵紝parseFloat()涔熸病鏈夊熀妯″紡銆?
parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN
Boolean(value)鈥斺旀妸緇欏畾鐨勫艱漿鎹㈡垚Boolean鍨嬶紱
Number(value)鈥斺旀妸緇欏畾鐨勫艱漿鎹㈡垚鏁板瓧錛堝彲浠ユ槸鏁存暟鎴栨誕鐐規暟錛夛紱
String(value)鈥斺旀妸緇欏畾鐨勫艱漿鎹㈡垚瀛楃涓層?br />
鐢ㄨ繖涓変釜鍑芥暟涔嬩竴杞崲鍊鹼紝灝嗗垱寤轟竴涓柊鍊鹼紝瀛樻斁鐢卞師濮嬪肩洿鎺ヨ漿鎹㈡垚鐨勫箋傝繖浼氶犳垚鎰忔兂涓嶅埌鐨勫悗鏋溿?br />
褰撹杞崲鐨勫兼槸鑷沖皯鏈変竴涓瓧絎︾殑瀛楃涓層侀潪0鏁板瓧鎴栧璞★紙涓嬩竴鑺傚皢璁ㄨ榪欎竴鐐癸級鏃訛紝Boolean()鍑芥暟灝嗚繑鍥瀟rue銆傚鏋滆鍊兼槸絀哄瓧絎︿覆銆佹暟瀛?銆?ff0000鎴杗ull錛屽畠灝嗚繑鍥瀎alse銆?
Boolean("hi"); //true – non-empty string
Boolean(100); //true – non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true – object
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100
var oNull = null;
var s2 = oNull.toString(); //won’t work, causes an error
var str= '012.345 ';
var x = str-0;
x = x*1;
</script>
]]>
鐩掑瓙鏍囩鍜屽睘鎬у鐓?/p>
CSS璇硶 (涓嶅尯鍒嗗ぇ灝忓啓) 銆銆JavaScript璇硶 (鍖哄垎澶у皬鍐?
border 銆銆border
border-bottom 銆銆borderBottom
border-bottom-color 銆銆borderBottomColor
border-bottom-style銆銆 borderBottomStyle
border-bottom-width 銆銆borderBottomWidth
border-color 銆銆borderColor
border-left 銆銆borderLeft
border-left-color 銆銆borderLeftColor
border-left-style 銆銆borderLeftStyle
border-left-width 銆銆borderLeftWidth
border-right 銆銆borderRight
border-right-color 銆銆borderRightColor
border-right-style 銆銆borderRightStyle
border-right-width 銆銆borderRightWidth
border-style 銆銆borderStyle
border-top 銆銆borderTop
border-top-color 銆銆borderTopColor
border-top-style 銆銆borderTopStyle
border-top-width 銆銆borderTopWidth
border-width 銆銆borderWidth
clear 銆銆clear
float銆銆 floatStyle
margin 銆銆margin
margin-bottom 銆銆marginBottom
margin-left 銆銆marginLeft
margin-right 銆銆marginRight
margin-top 銆銆marginTop
padding 銆銆padding
padding-bottom 銆銆paddingBottom
padding-left 銆銆paddingLeft
padding-right 銆銆paddingRight
padding-top銆銆 paddingTop
棰滆壊鍜岃儗鏅爣絳懼拰灞炴у鐓?
CSS璇硶 (涓嶅尯鍒嗗ぇ灝忓啓) 銆銆JavaScript璇硶 (鍖哄垎澶у皬鍐?
background 銆銆background
background-attachment 銆銆backgroundAttachment
background-color銆銆 backgroundColor
background-image 銆銆backgroundImage
background-position銆銆 backgroundPosition
background-repeat 銆銆backgroundRepeat
color 銆銆color
鏍峰紡鏍囩鍜屽睘鎬у鐓?
CSS璇硶 (涓嶅尯鍒嗗ぇ灝忓啓) 銆銆JavaScript璇硶 (鍖哄垎澶у皬鍐?
display 銆銆display
list-style-type銆銆 listStyleType
list-style-image 銆銆listStyleImage
list-style-position銆銆 listStylePosition
list-style銆銆 listStyle
white-space銆銆 whiteSpace
鏂囧瓧鏍峰紡鏍囩鍜屽睘鎬у鐓?
CSS璇硶 (涓嶅尯鍒嗗ぇ灝忓啓) 銆銆JavaScript璇硶 (鍖哄垎澶у皬鍐?
font銆銆 font
font-family銆銆 fontFamily
font-size銆銆 fontSize
font-style銆銆 fontStyle
font-variant銆銆 fontVariant
font-weight 銆銆fontWeight
鏂囨湰鏍囩鍜屽睘鎬у鐓?
CSS璇硶 (涓嶅尯鍒嗗ぇ灝忓啓) 銆銆JavaScript璇硶 (鍖哄垎澶у皬鍐?
letter-spacing銆銆 letterSpacing
line-break銆銆 lineBreak
line-height銆銆 lineHeight
text-align銆銆 textAlign
text-decoration 銆銆textDecoration
text-indent 銆銆textIndent
text-justify銆銆 textJustify
text-transform 銆銆textTransform
vertical-align銆銆 verticalAlign
Lecture.prototype.display=function(){
return this.teacher+"is teaching "+this.name;
}
function Schedule(lectures){
this.lectures=lectures;
}
Schedule.prototype.display=function(){
var str="";
for(var i=0;i<this.lectures.length;i++)
str+=this.lectures[i].display()+"! ";
return str;
}
var myLecture=new Lecture("Gym","Hunk Wang");
var myLecture2=new Lecture("Tom","Ducklyl");
var myArray=new Array(myLecture,myLecture2);
var mySchedule=new Schedule(myArray);
alert(mySchedule.display());
</script>
榪愯緇撴灉涓猴細Hunk Wang is teaching Gym! Ducklyl is teaching Tom!
涓嬮潰鍒嗘瀽涓涓嬫祦紼嬶紝浠ヤ笂寤虹珛涓や釜綾?font style="background-color: #c7edcc">Lecture鍜?font style="background-color: #c7edcc">Schedule錛?br />
棣栧厛鍒濆鍖?font style="background-color: #c7edcc">Lecture綾伙紝璋冪敤Lecture綾繪瀯閫犲嚱鏁幫紝鎺ョ潃鎶?font style="background-color: #c7edcc">Lecture綾葷殑瀵硅薄錛屼綔涓哄弬鏁頒紶鍏chedule綾伙紝Schedule瀵硅薄鍒濆鍖栵紝浠庤屽疄鐜頒笂榪扮粨鏋溿?br />
涓嶉毦鍙戠幇錛岃繖縐嶆柟寮忓拰java鏄被浼肩殑銆傚彧榪噅avascript瑕佺湡姝e疄鐜伴潰璞″璞★紝榪橀渶瑕佸緢澶氳繃紼嬪疄鐜般?br />
鏈熷緟鍚庣畫銆?br />
function Circle(radius)
{
this.r = radius;
}
Circle.PI = 3.14159;
Circle.prototype.area = function(){
return Circle.PI * parseInt(this.r) * parseInt(this.r);
}
//瀹氫箟ChildCircle瀛愮被
function ChildCircle(radius){
this.root=Circle;
this.root(radius);//璋冪敤鐖剁被鐨勬瀯閫犲嚱鏁幫紝涔熷彲浠ラ氳繃call鏂瑰紡璋冪敤
// Circle.call(this,radius);
}
ChildCircle.prototype=new Circle();//澹版槑緇ф壙錛?font style="background-color: #c7edcc">ChildCircle緇ф壙浜咰ircle鐨勬墍鏈夋柟娉?/font>
//瀛愮被瑕嗙洊鐖剁被鐨勬柟娉昦rea
ChildCircle.prototype.area = function(){
return 2 * parseInt(this.r) * parseInt(this.r);
}
var d = new ChildCircle(2);
alert(d.area());