CSDN 緙栬€呮寜銆?span style="color: rgb(136, 136, 136);font-size: 14px;letter-spacing: 1px;text-decoration: none solid rgb(136, 136, 136);">榪欑瘒鏂囩珷閫氳繃涓€涓湁瓚g殑 JavaScript 闂錛屾彮紺轟簡璇?JavaScript 鐨勫鏉傛€у拰闂鐨勫閥濡欎箣澶勩€?/span>
鍘熸枃閾炬帴錛?span style="color: rgb(136, 136, 136);background-color: rgb(240, 242, 246);font-size: 14px;letter-spacing: 1px;text-decoration: none solid rgb(136, 136, 136);">https://dev.to/arjuncodess/javascript-is-extraordinarily-weird-hear-me-out-56j5
鏈粡鍏佽錛岀姝㈣漿杞斤紒
鏄ㄦ櫄錛屾垜閬囧埌浜嗕竴涓涓烘湁瓚g殑 JavaScript 闂銆?/span>鎴戞暍淇濊瘉錛岄櫎闈炰綘鎻愬墠鐪嬬瓟妗堬紝鍚﹀垯寰堥毦鍥炵瓟鍑烘潵銆?/span>
("b" + "a" + + "a" + "a").toLowerCase()
鍙€夋嫨鐨勭瓟妗堝涓嬶細
baaa
ba01100001a
baa
ba1a
榪欎釜闂琛ㄩ潰鐪嬭搗鏉ヤ笉闅撅紝浣嗗綋鎴戝叕甯冪瓟妗堝悗錛屽彲鑳借浣犳儕鎺変笅宸淬€?/span>
鎵€鏈変笂榪伴€夐」閮芥槸閿欑殑錛佽闂紝浣犻€夊浜嗗悧錛?/span>
絳旀灝嗗湪5縐掑悗鍏竷銆?/span>
5.
4.
3.
2.
1.
JavaScript 鐪熸槸鍖し鎵€鎬?馃馃敟
浣犲彲鑳借寮備笉宸層€佽川闂垜 鈥滀綘鐤簡鍚楋紵鈥濓紝鎬庝箞鍙兘浼氭槸榪欎釜緇撴灉錛熻浣犲厛鍐烽潤鍐烽潤錛岃鎴戜負浣犲垎鏋愬垎鏋愩€?/span>
涓嬮潰錛岃鎴戜滑鍒嗘瑙i噴浠g爜鐨勮繍浣滃師鐞嗭細
"b" + "a" 榪炴帴瀛楃涓詫紝寰楀埌 "ba"銆?/span>
+ + "a" 璇曞浘灝嗗瓧絎︿覆 "a" 杞崲涓烘暟瀛楋紝鐢變簬 "a" 闈炴湁鏁堟暟瀛楋紝鎵€浠ョ粨鏋滀負 NaN錛?闈炴暟瀛?錛夈€?/span>
"ba" + NaN 灝嗗瓧絎︿覆 "ba" 涓庡€?NaN 榪炴帴錛屽緱鍒?"baNaN"銆?/span>
"baNaN" + "a" 灝?"baNaN" 涓?/span> "a" 榪炴帴錛屽緱鍒?"baNaNa"銆?/span>
鏈€鍚庯紝璋冪敤 .toLowerCase() 鏂規硶錛屽皢瀛楃涓?"baNaNa" 鎵€鏈夊瓧絎﹁漿鎹負灝忓啓錛屽緱鍒?"banana"銆?/span>
鎵€浠ワ紝浠g爜鐨勬渶緇堣緭鍑哄氨鏄?"banana"銆?/span>
浣犵瓟瀵逛簡鍚楋紵鍦ㄥ涔犲拰宸ヤ綔緙栫爜榪囩▼涓槸鍚︿篃閬囧埌榪囩被浼肩殑濂囨€棶棰橈紵嬈㈣繋鍦ㄨ瘎璁哄尯鐣欒█鍒嗕韓銆?/span>
TML鍗寵秴鏂囨湰鏍囪璇█錛屾槸鐩墠搴旂敤鏈€涓哄箍娉涚殑璇█涔嬩竴錛屾槸緇勬垚涓€涓綉欏電殑涓昏璇█銆傚湪鐜頒粖榪欎釜HTML5鍗庝附涓藉湴鍗犻浜嗘暣涓簰鑱旂綉鐨勬椂鍊欙紝濡傛灉鎯寵閫氳繃緗戦〉鎶撲綇嫻忚鑰呯殑鐪肩悆鍏夐潬鍥犲驚瀹堟棫鏄笉琛岀殑錛岀▼搴忕尶浠渶瑕佹帉鎻′竴浜涘繀欏葷煡閬撶殑HTML甯哥敤浠g爜錛屽洜涓哄彧鏈夌啛鎮夋帉鎻′簡甯哥敤鐨凥TML浠g爜錛岀▼搴忕尶浠湪緙栧啓緗戦〉鐨勬椂鍊欐墠鍙互鍋氬埌嫻佺晠緹庤錛岀敤緇嗚吇鐨勬€濈淮鍜屽垱鎰忕殑緇嗚妭鏁堟灉鎵撳姩騫剁暀浣忕綉欏墊祻瑙堣€呫€?/p>
html+css浠g爜
鏂囨湰璁劇疆
1銆乫ont-size: 瀛楀彿鍙傛暟
2銆乫ont-style: 瀛椾綋鏍煎紡
3銆乫ont-weight: 瀛椾綋綺楃粏
4銆侀鑹插睘鎬?/p>
color: 鍙傛暟
娉ㄦ剰浣跨敤緗戦〉瀹夊叏鑹?/p>
瓚呴摼鎺ヨ緗?/strong>
text-decoration: 鍙傛暟
涓昏鐢ㄩ€旀槸鏀瑰彉嫻忚鍣ㄦ樉紺烘枃瀛楅摼鎺ユ椂鐨勪笅鍒掔嚎銆?
鍙傛暟鍙栧€艱寖鍥達細
underline錛氫負鏂囧瓧鍔犱笅鍒掔嚎
overline錛氫負鏂囧瓧鍔犱笂鍒掔嚎
line-through錛氫負鏂囧瓧鍔犲垹闄ょ嚎
blink錛氫嬌鏂囧瓧闂儊
none錛氫笉鏄劇ず涓婅堪浠諱綍鏁堟灉
鑳屾櫙
1銆佽儗鏅鑹?/p>
background-color: 鍙傛暟
2銆佽儗鏅浘鐗?/p>
background-image: url(URL)
URL灝辨槸鑳屾櫙鍥劇墖鐨勫瓨鏀捐礬寰勶紝none琛ㄧず鏃犮€?/p>
3銆佽儗鏅浘鐗囬噸澶?/p>
background-repeat: 鍙傛暟
鍙傛暟鍙栧€艱寖鍥?錛?/p>
no-repeat錛氫笉閲嶅騫抽摵鑳屾櫙鍥劇墖
repeat-x錛氫嬌鍥劇墖鍙湪姘村鉤鏂瑰悜涓婂鉤閾?/p>
repeat-y錛氫嬌鍥劇墖鍙湪鍨傜洿鏂瑰悜涓婂鉤閾?/p>
濡傛灉涓嶆寚瀹氳儗鏅浘鐗囬噸澶嶅睘鎬э紝嫻忚鍣ㄩ粯璁ょ殑鏄儗鏅浘鐗囧悜姘村鉤銆佸瀭鐩翠袱涓柟鍚戜笂騫抽摵銆?/p>
4銆佽儗鏅浘鐗囧浐瀹?/p>
鑳屾櫙鍥劇墖鍥哄畾鎺у埗鑳屾櫙鍥劇墖鏄惁闅忕綉欏電殑婊氬姩鑰屾粴鍔ㄣ€傚鏋滀笉璁劇疆鑳屾櫙鍥劇墖鍥哄畾灞炴€э紝嫻忚鍣ㄩ粯璁よ儗鏅浘鐗囬殢緗戦〉鐨勬粴鍔ㄨ€屾粴鍔ㄣ€備負浜嗛伩鍏嶈繃浜庤姳鍝ㄧ殑鑳屾櫙鍥劇墖鍦ㄦ粴鍔ㄦ椂杞Щ嫻忚鑰呯殑娉ㄦ剰鍔涳紝涓€鑸兘璁句負鍥哄畾
background-attachment: 鍙傛暟
鍙傛暟鍙栧€艱寖鍥達細
fixed錛氱綉欏墊粴鍔ㄦ椂錛岃儗鏅浘鐗囩浉瀵逛簬嫻忚鍣ㄧ殑紿楀彛鑰岃█錛屽浐瀹氫笉鍔?/p>
scroll錛氱綉欏墊粴鍔ㄦ椂錛岃儗鏅浘鐗囩浉瀵逛簬嫻忚鍣ㄧ殑紿楀彛鑰岃█錛屼竴璧鋒粴鍔?/p>
鍖哄潡
1銆佸崟璇嶉棿璺?
word-spacing: 闂撮殧璺濈
2銆佸瓧姣嶉棿璺?
letter-spacing: 瀛楁瘝闂磋窛
3銆佹枃鏈榻?/p>
text-align: 鍙傛暟
鍙傛暟鐨勫彇鍊鹼細
left錛氬乏瀵歸綈
right錛氬彸瀵歸綈
center錛氬眳涓榻?/p>
justify錛氱浉瀵瑰乏鍙沖榻?/p>
4銆佸瀭鐩村榻?/p>
vertical-align: 鍙傛暟
top錛氶《瀵歸綈
bottom錛氬簳瀵歸綈
text-top錛氱浉瀵規枃鏈《瀵歸綈
text-bottom錛氱浉瀵規枃鏈簳瀵歸綈
baseline錛氬熀鍑嗙嚎瀵歸綈
middle錛氫腑蹇冨榻?/p>
sub錛氫互涓嬫爣鐨勫艦寮忔樉紺?/p>
super錛氫互涓婃爣鐨勫艦寮忔樉紺?/p>
5銆佹枃鏈緝榪?/p>
text-indent: 緙╄繘璺濈
12px鐩稿綋浜庝竴涓枃瀛楄窛紱?/p>
6銆佺┖鏍?/p>
white-space: 鍙傛暟
normal 姝e父
pre 淇濈暀
nowrap 涓嶆崲琛?/p>
7銆佹樉紺烘牱寮?
display: 鍙傛暟
鍙傛暟鍙栧€艱寖鍥達細
block錛氬潡綰у厓绱狅紝鍦ㄥ璞″墠鍚庨兘鎹㈣
inline錛氬湪瀵硅薄鍓嶅悗閮戒笉鎹㈣
list-item錛氬湪瀵硅薄鍓嶅悗閮芥崲琛岋紝澧炲姞浜嗛」鐩鍙?
none錛氭棤鏄劇ず
鏂規
1銆乭eight 楂樺害
2銆亀idth 瀹藉害
3銆乸adding 鍐呰竟璺?/p>
4銆乵argin 澶栬竟璺?/p>
5銆乫loat錛堟誕鍔級錛氬彲浠ヨ鍧楃駭鍏冪礌鍦ㄤ竴琛屼腑鎺掑垪錛屼緥濡傛í鍚戣彍鍗曘€?
6銆乧lear 娓呴櫎嫻姩
杈規
1銆佹牱寮?/p>
border style 鍙傛暟
杈規鏍峰紡鐨勫弬鏁幫細
none錛氭棤杈規
dotted錛氳竟妗嗕負鐐圭嚎
dashed錛氳竟妗嗕負闀跨煭綰?/p>
solid錛氳竟妗嗕負瀹炵嚎
double錛氳竟妗嗕負鍙岀嚎
2銆佸搴?/p>
border width 鍙傛暟
3銆侀鑹?/p>
border color 鍙傛暟
鍒楄〃
list-style-type 鍒楄〃鏍峰紡
涓嶅悓嫻忚鍣ㄧ殑鍒楄〃絎﹀彲鑳戒笉鐩稿悓錛屽彲鑳戒細褰卞搷鍒扮綉欏碉紝鎵€浠ョ綉欏典腑鐨勫垪琛ㄥぇ澶氶兘鏄敱鑳屾櫙鍥劇墖鏄劇ず銆?/p>
鎺у埗鐢ㄦ埛鐣岄潰鐨勬牱寮?/p>
榧犳爣
cursor錛氶紶鏍囧艦鐘跺弬鏁?
CSS榧犳爣褰㈢姸鍙傛暟琛細
榧犳爣褰㈢姸錛欳SS浠g爜
style="cursor:hand" 銆€銆€銆€銆€銆€鎵嬪艦
style="cursor:crosshair" 銆€銆€鍗佸瓧褰?/p>
style="cursor:text" 銆€銆€銆€銆€銆€鏂囨湰褰?/p>
style="cursor:wait" 銆€銆€銆€銆€銆€娌欐紡褰?/p>
style="cursor:move" 銆€銆€銆€銆€鍗佸瓧綆ご褰細
style="cursor:help" 銆€銆€銆€銆€銆€闂彿褰?/p>
style="cursor:e-resize" 銆€銆€銆€鍙崇澶村艦
style="cursor:n-resize" 銆€銆€銆€涓婄澶村艦
style="cursor:nw-resize" 銆€銆€宸︿笂綆ご褰?/p>
style="cursor:w-resize" 銆€銆€銆€宸︾澶村艦
style="cursor:s-resize" 銆€銆€銆€涓嬬澶村艦
style="cursor:se-resize" 銆€銆€鍙充笅綆ご褰?
style="cursor:sw-resize" 銆€銆€宸︿笅綆ご褰?/p>
HTML甯哥敤浠g爜涔嬶細緇撴瀯鎬у畾涔?/p>
鏂囦歡綾誨瀷<HTML></HTML> 錛堟斁鍦ㄦ。妗堢殑寮€澶翠笌緇撳熬錛?/p>
鏂囦歡涓婚<TITLE></TITLE> 錛堝繀欏繪斁鍦ㄣ€屾枃澶淬€嶅尯鍧楀唴錛?/p>
鏂囧ご<HEAD></HEAD> 錛堟弿榪版€ц祫鏂欙紝鍍忔槸銆屼富棰樸€嶏級
鏂囦綋<BODY></BODY> 錛堟枃浠舵湰浣擄級
鏍囬<H?></H?> 錛堜粠1鍒?錛屾湁鍏眰閫夋嫨錛?/p>
鏍囬鐨勫榻?<H?ALIGN=LEFT|CENTER|RIGHT></H?>
鍖哄垎<DIV></DIV>
鍖哄垎鐨勫榻?<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
寮曟枃鍖哄潡<BLOCKQUOTE></BLOCKQUOTE> 錛堥€氬父浼氬唴緙╋級
寮鴻皟<EM></EM> 錛堥€氬父浼氫互鏂滀綋鏄劇ず錛?/p>
鐗瑰埆寮鴻皟<STRONG></STRONG> 錛堥€氬父浼氫互鍔犵矖鏄劇ず錛?/p>
寮曟枃<CITE></CITE> 錛堥€氬父浼氫互鏂滀綋鏄劇ず錛?/p>
鐮?lt;CODE></CODE> 錛堟樉紺哄師濮嬬爜涔嬬敤錛?/p>
鏍鋒湰<SAMP></SAMP>
閿洏杈撳叆<KBD></KBD>
鍙樻暟<VAR></VAR>
瀹氫箟<DFN></DFN> 錛堟湁浜涙祻瑙堝櫒涓嶆彁渚涳級
鍦板潃 <ADDRESS></ADDRESS>
澶у瓧<BIG></BIG>
灝忓瓧<SMALL></SMALL>
涓庡瑙傜浉鍏崇殑鏍囩錛堜綔鑰呰嚜璁㈢殑琛ㄧ幇鏂瑰紡錛?/p>
鍔犵矖<B></B>
鏂滀綋<I></I>
搴曠嚎<U></U> 錛堝皻鏈変簺嫻忚鍣ㄤ笉鎻愪緵錛?/p>
鍒犻櫎綰?lt;S></S> 錛堝皻鏈変簺嫻忚鍣ㄤ笉鎻愪緵錛?/p>
涓嬫爣<SUB></SUB>
涓婃爣<SUP></SUP>
鎵撳瓧鏈轟綋<TT></TT> 錛堢敤鍗曠┖鏍煎瓧鍨嬫樉紺猴級
棰勫畾鏍煎紡<PRE></PRE> 錛堜繚鐣欐枃浠朵腑絀烘牸鐨勫ぇ灝忥級
棰勫畾鏍煎紡鐨勫搴?lt;PRE WIDTH=?></PRE>錛堜互瀛楀厓璁$畻錛?/p>
鍚戜腑鐪嬮綈<CENTER></CENTER> 錛堟枃瀛椾笌鍥劇墖閮藉彲浠ワ級
闂€€<BLINK></BLINK> 錛堟湁鍙蹭互鏉ユ渶琚槻寮勭殑鏍囩錛?/p>
瀛椾綋澶у皬 <FONTSIZE=?></FONT>錛堜粠1鍒?錛?/p>
鏀瑰彉瀛椾綋澶у皬 <FONTSIZE=+|-?></FONT>
鍩烘湰瀛椾綋澶у皬 <BASEFONTSIZE=?> 錛堜粠1鍒?; 鍐呭畾涓?錛?/p>
瀛椾綋棰滆壊 <FONTCOLOR="#$$"></FONT>錛?$涓洪鑹蹭唬鐮侊級
HTML甯哥敤浠g爜涔嬶細淇敼欏甸潰鐨勫疄鐢ㄦ€TML浠g爜
璐村浘錛?lt;img src="鍥劇墖鍦板潃">
鍔犲叆榪炴帴錛?lt;a href="鎵€瑕佽繛鎺ョ殑鐩稿叧鍦板潃">鍐欎笂浣犳兂鍐欑殑瀛?lt;/a>
鍦ㄦ柊紿楀彛鎵撳紑榪炴帴錛?lt;a href="鐩稿叧鍦板潃" target="_blank">鍐欎笂瑕佸啓鐨勫瓧</a>
縐誨姩瀛椾綋(璧伴┈鐏?錛?lt;marquee>鍐欎笂浣犳兂鍐欑殑瀛?lt;/marquee>
瀛椾綋鍔犵矖錛?lt;b>鍐欎笂浣犳兂鍐欑殑瀛?lt;/b>
瀛椾綋鏂滀綋錛?lt;i>鍐欎笂浣犳兂鍐欑殑瀛?lt;/i>
瀛椾綋涓嬪垝綰? <u>鍐欎笂浣犳兂鍐欑殑瀛?lt;/u>
瀛椾綋鍒犻櫎綰? <s>鍐欎笂浣犳兂鍐欑殑瀛?lt;/s>
瀛椾綋鍔犲ぇ: <big>鍐欎笂浣犳兂鍐欑殑瀛?lt;/big>
瀛椾綋鎺у埗澶у皬錛?lt;h1>鍐欎笂浣犳兂鍐欑殑瀛?lt;/h1> (鍏朵腑瀛椾綋澶у皬鍙粠h1-h5,h1鏈€澶э紝h5鏈€灝?
鏇存敼瀛椾綋棰滆壊錛?lt;font color="#value">鍐欎笂浣犳兂鍐欑殑瀛?lt;/font>(鍏朵腑value鍊煎湪000000涓巉fffff(16浣嶈繘鍒?涔嬮棿
娑堥櫎榪炴帴鐨勪笅鍒掔嚎錛?lt;a href="鐩稿叧鍦板潃" style="text-decoration:none">鍐欎笂浣犳兂鍐欑殑瀛?lt;/a>
璐撮煶涔愶細<embed src="闊充箰鍦板潃" width="瀹藉害" height="楂樺害" autostart=false>
璐磃lash: <embed src="flash鍦板潃" width="瀹藉害" height="楂樺害">
璐村獎瑙嗘枃浠訛細<img dynsrc="鏂囦歡鍦板潃" width="瀹藉害" height="楂樺害" start=mouseover>
鎹㈣錛?lt;br>
孌佃惤錛?lt;p>孌佃惤</p>
鍘熷鏂囧瓧鏍峰紡錛?lt;pre>姝f枃</pre>
鎹㈠笘瀛愯儗鏅細<body background="鑳屾櫙鍥劇墖鍦板潃">
鍥哄畾甯栧瓙鑳屾櫙涓嶉殢婊氬姩鏉℃粴鍔細<body background="鑳屾櫙鍥劇墖鍦板潃" body bgproperties=fixed>
瀹氬埗甯栧瓙鑳屾櫙棰滆壊錛?lt;body bgcolor="#value">(value鍊艱10)
甯栧瓙鑳屾櫙闊充箰錛?lt;bgsound="鑳屾櫙闊充箰鍦板潃" loop=infinite>
璐寸綉欏碉細<iframe. src="鐩稿叧鍦板潃" width="瀹藉害" height="楂樺害"></iframe>
HTML甯哥敤浠g爜涔嬶細甯稿父浼氶亣鍒扮殑闂
鐐瑰嚮鍏抽棴紿楀彛
<a href="javascript.:top.window.close();">鐐瑰嚮鍏抽棴紿楀彛</a>錛?/p>
璇烽棶濡備綍鍘繪帀涓婚〉鍙抽潰鐨勬粴鍔ㄦ潯錛?/p>
<body scroll="no">
<body style="overflow-y:hidden">
濡備綍鍋氬埌璁╀竴涓綉欏佃嚜鍔ㄥ叧闂?
<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body >
榪欎釜紿楀彛浼氬湪10縐掕繃鍚庤嚜鍔ㄥ叧闂?鑰屼笖涓嶄細鍑虹幇鎻愮ず. </body>
濡備綍鍦ㄤ笉鍒鋒柊欏甸潰鐨勬儏鍐典笅鍒鋒柊css?
<style>
button{ color:#000000;}
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=鈥樷€樷€樷€榬ed鈥樷€樷€樷€?gt;鐐瑰嚮鎸夐挳鐩存帴淇敼style鏍囩閲宐utton閫夋嫨絎︿嬌鎸夐挳鏀逛負銆€銆€綰㈣壊</button>
璇烽棶濡備綍璁╃綉欏佃嚜鍔ㄥ埛鏂幫紵
鍦╤ead閮ㄨ鍏?lt;META. HTTP-EQUIV="Refresh" c>鍏朵腑20涓?0縐掑悗鑷姩鍒鋒柊錛屼綘鍙互鏇存敼涓轟換鎰忓€箋€?/p>
濡備綍璁╅〉闈㈣嚜鍔ㄥ埛鏂幫紵
鏂規硶涓€錛岀敤refresh
HTML 浠g爜鐗囨濡備笅:
<head>
<meta. http-equiv="refresh" c>
</head>
5琛ㄧず鍒鋒柊鏃墮棿
[Ctrl+A 鍏ㄩ儴閫夋嫨 鎻愮ず:浣犲彲鍏堜慨鏀歸儴鍒嗕唬鐮侊紝鍐嶆寜榪愯]
鏂規硶浜岋紝浣跨敤setTimeout鎺у埗
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>
濡備綍璁╄秴閾炬帴娌℃湁涓嬪垝綰?/p>
鍦ㄦ簮浠g爜涓殑<HEAD>鈥?lt;/HEAD>涔嬮棿杈撳叆濡備笅浠g爜錛?/p>
<style. type="text/css"> <!--
a { text-decoration: none}
--> </style>
璇烽棶濡備綍鍘繪帀IE鐨勪笂涓嬫粴鍔ㄦ潯錛?/p>
<body style=鈥樷€樷€樷€榦verflow:scroll;overflow-y:hidden鈥樷€樷€樷€?gt;
</body>
鎬庢牱鎵嶈兘鎶奟ealPlayer鏂囦歡鍦ㄧ綉欏靛仛涓€涓瘯鍚繛鎺ワ紵
<embed height=25銆€src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>
濡備綍鐢╤tml瀹炵幇嫻忚鍣ㄤ笂鍚庨€€鎸夐挳鐨勫姛鑳斤紵
<a href="java script.:history.go(-1)">鐐瑰嚮鍚庨€€</a>
鎴栬€?/p>
<script> history.back() </SCRIPT>
HTML甯哥敤浠g爜涔嬶細浣犱笉涓€瀹氱煡閬撶殑鎶€宸?/p>
ncontextmenu="window.event.returnValue=false" 灝嗗交搴曞睆钄介紶鏍囧彸閿?/p>
<table borderncontextmenu=return(false)><td>no</table> 鍙敤浜嶵able
<body nselectstart="return false"> 鍙栨秷閫夊彇銆侀槻姝㈠鍒?/p>
onpaste="return false" 涓嶅噯綺樿創
oncopy="return false;" ncut="return false;" 闃叉澶嶅埗
<link rel="Shortcut Icon"href="favicon.ico"> IE鍦板潃鏍忓墠鎹㈡垚鑷繁鐨勫浘鏍?/p>
<link rel="Bookmark"href="favicon.ico"> 鍙互鍦ㄦ敹钘忓す涓樉紺哄嚭浣犵殑鍥炬爣
<inputstyle="ime-mode:disabled"> 鍏抽棴杈撳叆娉?/p>
姘歌繙閮戒細甯︾潃妗嗘灦
<script. language="JavaScript"><!--
if (window==top)top.location.href="frames.htm"; //frames.htm涓烘鏋剁綉欏?/p>
// --></script>
闃叉琚漢frame.
<SCRIPT. LANGUAGE=JAVASCRIPT><!--
if (top.location !=self.location)top.location=self.location;
// --></SCRIPT>
緗戦〉灝嗕笉鑳借鍙﹀瓨涓?/p>
<noscript><iframe.src=*.html></iframe></noscript>
鏌ョ湅緗戦〉婧愪唬鐮?/p>
<input type=button value=鏌ョ湅緗戦〉婧愪唬鐮?/p>
onclick="window.location="view-source:"+"http://www.w3cschool.cn"">
鍒犻櫎鏃剁‘璁?/p>
<a href="javascript:if(confirm("紜疄瑕佸垹闄ゅ悧?"))location="boos.asp? &areyou=鍒犻櫎&page=1"">鍒犻櫎</a>
灞忚斀鍔熻兘閿甋hift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("紱佹鎸塖hift閿?");//鍙互鎹㈡垚ALT銆€CTRL
}
document.onkeydown=look;
</script>
緗戦〉涓嶄細琚紦瀛?/p>
<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
鎴栬€?lt;META. HTTP-EQUIV="expires"CONTENT="0">
鎬庢牱璁╄〃鍗曟病鏈夊嚬鍑告劅錛?/p>
<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>
涓嶈婊氬姩鏉?
璁╃珫鏉℃病鏈?
<body style="overflow:scroll;overflow-y:hidden">
</body>
璁╂í鏉℃病鏈?
<body style="overflow:scroll;overflow-x:hidden">
</body>
涓や釜閮藉幓鎺夛紵鏇寸畝鍗曚簡
<body scroll="no">
</body>
鎬庢牱鍘繪帀鍥劇墖閾炬帴鐐瑰嚮鍚庯紝鍥劇墖鍛ㄥ洿鐨勮櫄綰匡紵
<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>
鐢靛瓙閭歡澶勭悊鎻愪氦琛ㄥ崟
<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>
鍦ㄦ墦寮€鐨勫瓙紿楀彛鍒鋒柊鐖剁獥鍙g殑浠g爜閲屽浣曞啓錛?/p>
window.opener.location.reload()
濡備綍璁懼畾鎵撳紑欏甸潰鐨勫ぇ灝?/p>
<body nload="top.resizeTo(300,200);">
鎵撳紑欏甸潰鐨勪綅緗?lt;bodynload="top.moveBy(300,200);">
鍦ㄩ〉闈腑濡備綍鍔犲叆涓嶆槸婊¢摵鐨勮儗鏅浘鐗?鎷夊姩欏甸潰鏃惰儗鏅浘涓嶅姩
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
媯€鏌ヤ竴孌靛瓧絎︿覆鏄惁鍏ㄧ敱鏁板瓧緇勬垚
<script. language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
鑾峰緱涓€涓獥鍙g殑澶у皬
document.body.clientWidth; document.body.clientHeight
鎬庝箞鍒ゆ柇鏄惁鏄瓧絎?/p>
if (/[^/x00-/xff]/g.test(s)) alert("鍚湁姹夊瓧");
else alert("鍏ㄦ槸瀛楃");
TEXTAREA鑷€傚簲鏂囧瓧琛屾暟鐨勫灝?/p>
<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
鏃ユ湡鍑忓幓澶╂暟絳変簬絎簩涓棩鏈?/p>
<script. language=Javascript>
function cc(dd,dadd)
{
//鍙互鍔犱笂閿欒澶勭悊
var a=new Date(dd)
a=a.valueOf()
a=a - dadd * 24 * 60 * 60 * 1000
a=new Date(a)
alert(a.getFullYear() + "騫? + (a.getMonth() +1) + "鏈? + a.getDate() + "鏃?)
} cc("12/23/2002",2)
</script>
閫夋嫨浜嗗摢涓€涓猂adio
<HTML><script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</BODY></HTML>
odepen鏄竴涓潪甯鎬簡涓嶈搗鐨勭綉欏靛簲鐢ㄣ€傚彧瑕佺數鑴戣兘澶熶笂緗戯紝浣犲氨鍙互鍒涘緩HTML, CSS鍜孞avascript銆傚鏋滀綘鎯抽€夋嫨鎬у姞鍏RO鐗堟湰錛屼綘浼氬緱鍒頒竴浜涢潪甯擱叿鐨勬晥鏋滆濡傦細涓栫晫鑼冨洿鍐呯殑鎴愬緙栫▼錛堝湪綰垮悎浣滅紪鐮侊級錛岀粰瀛︾敓鎺堣錛堝鐢熷彲浠ラ€氳繃緗戠粶瑙傜湅浣犲疄鏃跺伐浣滄儏鍐碉級錛岃交鏉句笂浼犲伐浣滄墍闇€鏂囦歡錛岀瓑絳夈€?/p>
鎴戞悳绱簡涓€浜涙椂涓嬫渶濂芥渶嫻佽鐨勫ぇ瀹跺彲鑳戒細鎰熷叴瓚g殑codepen錛堜粎闄愪簬HTML鍜孋SS錛夈€傚鏋滀綘鎯蟲妸瀹冧滑铻嶅叆鍒頒綘鐨勮璁′腑鍘伙紝閭d細澶уぇ鑺傜渷浣犲緢澶氭椂闂淬€傛垨鑰呬綘鍙互鑰冭檻涓嬩粠鍒漢閭i噷瀛︿範涓€浜涙柊涓滆タ銆?/p>
鍦ㄤ笅闈㈢殑渚嬪瓙涓綘浼氱湅鍒板悇縐嶅悇鏍風殑鐗囨錛孒TML 闄堝垪錛岀櫥褰曟柟寮忥紝鍨傜洿鑿滃崟錛岀敋鑷蟲椂涓嬫渶嫻佽鐨勪富棰橈細鎵佸鉤鍖栬璁★紙鎵佸鉤鍖栧浘鍍忥紝鎵佸鉤鍖栨寜閽艦鐘訛紝鎵佸鉤鍖栫敤鎴風晫闈㈣绱狅紝絳夛級銆傚ソ濂芥璧忚繖浜涚簿閫夌殑浠g爜鐗囨鍚э紝濡傛灉鐜板湪娌℃椂闂寸湅瀹屾墍鏈夌殑浠g爜渚嬪瓙錛岄偅灝變繚瀛樹笅鏉ヤ互澶囦笉鏃朵箣闇€鍚с€?/p>
CSS3 Working Clock
榪欐槸涓€涓函css3鏃墮挓銆傚畠浣跨敤css鍔ㄧ敾榪樻湁鍥懼艦錛屾病鏈変嬌鐢ㄤ換浣曞浘鐗囨垨鑰呮槸js.
CSS3 Pricing Table
CSS Loader
Pure CSS3 MacBook Air with Thunderbird Display and Keyboard
Twitter Button Concept
CSS3 Loading Animation
Pure CSS3 Vertical Menu with Hover Effect
CSS3 Stamp effect using radial gradients
I Love Blur
Social Navigation
Login
Calendar
Social Footer
Parallax Landscape
CSS3 Thermometer
CSS-Only Responsive Layout with Smooth Transitions
Flat CSS3 Weather Widget
Flat Responsive Sliding Boxes
Tiny CSS3 Round Breadcrumb
CSS3 Hover Effect using :after Psuedo Element
Flat UI Elements
CSS Flat Button Shapes
Email UI
Flat Icons CSS
*請認真填寫需求信息,我們會在24小時內與您取得聯系。