整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
CSDN 缂栬€呮寜銆?span style="color: rgb(136, 136, 136);font-size: 14px;letter-spacing: 1px;text-decoration: none solid rgb(136, 136, 136);">杩欑瘒鏂囩珷閫氳繃涓€涓湁瓒ｇ殑 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
鏈粡鍏佽锛岀姝㈣浆杞斤紒
鏄ㄦ櫄锛屾垜閬囧埌浜嗕竴涓涓烘湁瓒ｇ殑 JavaScript 闂銆?/span>鎴戞暍淇濊瘉锛岄櫎闈炰綘鎻愬墠鐪嬬瓟妗堬紝鍚﹀垯寰堥毦鍥炵瓟鍑烘潵銆?/span>
("b" + "a" + + "a" + "a").toLowerCase()鍙€夋嫨鐨勭瓟妗堝涓嬶細
baaa
ba01100001a
baa
ba1a
杩欎釜闂琛ㄩ潰鐪嬭捣鏉ヤ笉闅撅紝浣嗗綋鎴戝叕甯冪瓟妗堝悗锛屽彲鑳借浣犳儕鎺変笅宸淬€?/span>
鎵€鏈変笂杩伴€夐」閮芥槸閿欑殑锛佽闂紝浣犻€夊浜嗗悧锛?/span>
绛旀灏嗗湪5绉掑悗鍏竷銆?/span>
5.
4.
3.
2.
1.
JavaScript 鐪熸槸鍖し鎵€鎬?馃馃敟
浣犲彲鑳借寮備笉宸层€佽川闂垜 鈥滀綘鐤簡鍚楋紵鈥濓紝鎬庝箞鍙兘浼氭槸杩欎釜缁撴灉锛熻浣犲厛鍐烽潤鍐烽潤锛岃鎴戜负浣犲垎鏋愬垎鏋愩€?/span>
涓嬮潰锛岃鎴戜滑鍒嗘瑙ｉ噴浠ｇ爜鐨勮繍浣滃師鐞嗭細
"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>
鎵€浠ワ紝浠ｇ爜鐨勬渶缁堣緭鍑哄氨鏄?"banana"銆?/span>
浣犵瓟瀵逛簡鍚楋紵鍦ㄥ涔犲拰宸ヤ綔缂栫爜杩囩▼涓槸鍚︿篃閬囧埌杩囩被浼肩殑濂囨€棶棰橈紵娆㈣繋鍦ㄨ瘎璁哄尯鐣欒█鍒嗕韩銆?/span>
TML鍗宠秴鏂囨湰鏍囪璇█锛屾槸鐩墠搴旂敤鏈€涓哄箍娉涚殑璇█涔嬩竴锛屾槸缁勬垚涓€涓綉椤电殑涓昏璇█銆傚湪鐜颁粖杩欎釜HTML5鍗庝附涓藉湴鍗犻浜嗘暣涓簰鑱旂綉鐨勬椂鍊欙紝濡傛灉鎯宠閫氳繃缃戦〉鎶撲綇娴忚鑰呯殑鐪肩悆鍏夐潬鍥犲惊瀹堟棫鏄笉琛岀殑锛岀▼搴忕尶浠渶瑕佹帉鎻′竴浜涘繀椤荤煡閬撶殑HTML甯哥敤浠ｇ爜锛屽洜涓哄彧鏈夌啛鎮夋帉鎻′簡甯哥敤鐨凥TML浠ｇ爜锛岀▼搴忕尶浠湪缂栧啓缃戦〉鐨勬椂鍊欐墠鍙互鍋氬埌娴佺晠缇庤锛岀敤缁嗚吇鐨勬€濈淮鍜屽垱鎰忕殑缁嗚妭鏁堟灉鎵撳姩骞剁暀浣忕綉椤垫祻瑙堣€呫€?/p>
html+css浠ｇ爜
鏂囨湰璁剧疆
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 姝ｅ父
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浠ｇ爜
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甯哥敤浠ｇ爜涔嬶細缁撴瀯鎬у畾涔?/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甯哥敤浠ｇ爜涔嬶細淇敼椤甸潰鐨勫疄鐢ㄦ€TML浠ｇ爜
璐村浘锛?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>姝ｆ枃</pre>
鎹㈠笘瀛愯儗鏅細<body background="鑳屾櫙鍥剧墖鍦板潃">
鍥哄畾甯栧瓙鑳屾櫙涓嶉殢婊氬姩鏉℃粴鍔細<body background="鑳屾櫙鍥剧墖鍦板潃" body bgproperties=fixed>
瀹氬埗甯栧瓙鑳屾櫙棰滆壊锛?lt;body bgcolor="#value">(value鍊艰10)
甯栧瓙鑳屾櫙闊充箰锛?lt;bgsound="鑳屾櫙闊充箰鍦板潃" loop=infinite>
璐寸綉椤碉細<iframe. src="鐩稿叧鍦板潃" width="瀹藉害" height="楂樺害"></iframe>
HTML甯哥敤浠ｇ爜涔嬶細甯稿父浼氶亣鍒扮殑闂
鐐瑰嚮鍏抽棴绐楀彛
<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 浠ｇ爜鐗囨濡備笅:
<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>
鍦ㄦ簮浠ｇ爜涓殑<HEAD>鈥?lt;/HEAD>涔嬮棿杈撳叆濡備笅浠ｇ爜锛?/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甯哥敤浠ｇ爜涔嬶細浣犱笉涓€瀹氱煡閬撶殑鎶€宸?/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>
鍦ㄦ墦寮€鐨勫瓙绐楀彛鍒锋柊鐖剁獥鍙ｇ殑浠ｇ爜閲屽浣曞啓锛?/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>
鑾峰緱涓€涓獥鍙ｇ殑澶у皬
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>
鎴戞悳绱簡涓€浜涙椂涓嬫渶濂芥渶娴佽鐨勫ぇ瀹跺彲鑳戒細鎰熷叴瓒ｇ殑codepen锛堜粎闄愪簬HTML鍜孋SS锛夈€傚鏋滀綘鎯虫妸瀹冧滑铻嶅叆鍒颁綘鐨勮璁′腑鍘伙紝閭ｄ細澶уぇ鑺傜渷浣犲緢澶氭椂闂淬€傛垨鑰呬綘鍙互鑰冭檻涓嬩粠鍒汉閭ｉ噷瀛︿範涓€浜涙柊涓滆タ銆?/p>
鍦ㄤ笅闈㈢殑渚嬪瓙涓綘浼氱湅鍒板悇绉嶅悇鏍风殑鐗囨锛孒TML 闄堝垪锛岀櫥褰曟柟寮忥紝鍨傜洿鑿滃崟锛岀敋鑷虫椂涓嬫渶娴佽鐨勪富棰橈細鎵佸钩鍖栬璁★紙鎵佸钩鍖栧浘鍍忥紝鎵佸钩鍖栨寜閽舰鐘讹紝鎵佸钩鍖栫敤鎴风晫闈㈣绱狅紝绛夛級銆傚ソ濂芥璧忚繖浜涚簿閫夌殑浠ｇ爜鐗囨鍚э紝濡傛灉鐜板湪娌℃椂闂寸湅瀹屾墍鏈夌殑浠ｇ爜渚嬪瓙锛岄偅灏变繚瀛樹笅鏉ヤ互澶囦笉鏃朵箣闇€鍚с€?/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小时内与您取得联系。
