濡備綍瀹炵幇缃戦〉闅愯棌璺宠浆鍏ュ彛
浣跨敤JavaScript锛欽avaScript鏄疄鐜扮綉椤甸殣钘忚烦杞叆鍙ｇ殑涓昏宸ュ叿銆備綘鍙互閫氳繃缂栧啓绠�鍗曠殑JavaScript浠ｇ爜锛屽湪鐢ㄦ埛鐐瑰嚮鏌愪釜鍏冪礌鏃惰Е鍙戣烦杞�備緥濡傦細
document.getElementById('hidden-link').addEventListener('click',function(){window.location.href='http://www.example.com';});
鍦ㄨ繖涓緥瀛愪腑锛屽綋鐢ㄦ埛鐐瑰嚮ID涓衡�渉idden-link鈥濈殑鍏冪礌鏃讹紝灏嗕細琚烦杞埌鎸囧畾鐨刄RL銆�
浣跨敤CSS锛氶�氳繃CSS锛屼綘鍙互璁╂煇涓厓绱犻殣钘忓湪椤甸潰涓紝浣嗕粛鐒跺彲浠ュ搷搴旂敤鎴风殑鐐瑰嚮浜嬩欢銆備緥濡傦細
#hidden-link{position:absolute;left:-9999px;}
鍦ㄨ繖涓緥瀛愪腑锛孖D涓衡�渉idden-link鈥濈殑鍏冪礌灏嗕細琚畬鍏ㄩ殣钘忦煓傦紝浣嗕粛鐒跺彲浠ヨ鐐瑰嚮銆�
浼樺寲寤鸿
绮惧噯瑙﹀彂锛氱‘淇濋殣钘忚烦杞叆鍙ｅ彧鍦ㄧ壒瀹氭潯浠朵笅瑙﹀彂锛岄伩鍏嶉绻佽烦杞奖鍝嶇敤鎴蜂綋楠屻�傜敤鎴锋彁绀猴細鍦ㄦ煇浜涙儏鍐典笅锛屽彲浠ュ湪鐢ㄦ埛瑙﹀彂闅愯棌璺宠浆鍓嶆彁渚涙彁绀猴紝浠ヤ究鐢ㄦ埛浜嗚В璺宠浆鐨勫師鍥犲拰鐩殑銆傚娓犻亾娴嬭瘯锛氬湪瀹炴祴杩囩▼涓紝搴旇鐩栦笉鍚岀殑娴忚鍣ㄥ拰璁惧锛岀‘淇濋殣钘忚烦鍦ㄧ户缁帰璁ㄥ疄娴�17c缃戦〉闅愯棌璺宠浆鍏ュ彛鐨勮闂柟娉曟椂锛屾垜浠皢娣卞叆浜嗚В鏇村瀹為檯搴旂敤妗堜緥鍜屾彁渚涗竴浜涘疄鐢ㄧ殑馃敟浼樺寲寤鸿锛屼互渚挎偍鑳藉鍦ㄥ疄闄呮搷浣滀腑鏇村ソ鍦板簲鐢ㄨ繖涓�鎶�鏈��
浣跨敤CSS瀹炵幇闅愯棌璺宠浆鍏ュ彛
鍦ㄧ綉椤靛紑鍙戜腑锛孋SS鏄疄鐜伴殣钘忦煓傝烦杞叆鍙ｇ殑甯哥敤宸ュ叿銆傞�氳繃璋冩暣CSS鏍峰紡锛屽彲浠ヨ交鏉惧湴闅愯棌鎴栨樉绀烘煇浜涘厓绱犮�傛瘮濡傦紝鍙互浣跨敤display:none鎴杤isibility:hidden鏉ラ殣钘忓厓绱狅紝浣嗛渶瑕佹敞鎰忕殑鏄紝display:none浼氬皢鍏冪礌浠庢枃�。娴佷腑绉婚櫎锛岃�寁isibility:hidden鍙槸闅愯棌鍏冪礌浣嗕繚鎸佸叾鍦ㄦ枃�。娴佷腑銆�
鍦⊿EO涓婏紝visibility:hidden姣攄isplay:none鏇村弸濂姐��
浼樺娍鍜屽簲鐢ㄥ満鏅�
鎻愬崌杞寲鐜囷細閫氳繃绮惧噯鐨勮烦杞紩瀵硷紝鍙互灏嗙敤鎴峰紩瀵艰嚦鏈�浣崇殑杞寲璺緞锛屼粠鑰屾彁楂樻暣浣撶殑杞寲鐜囥�備緥濡傦紝灏嗙敤鎴蜂粠浜у搧椤甸潰璺宠浆鍒拌喘涔伴〉闈紝浠庤�屽鍔犻攢鍞満浼氥��
浼樺寲鐢ㄦ埛浣撻獙锛氶殣钘忚烦杞叆鍙ｅ彲浠ラ伩鍏嶇敤鎴峰湪澶氭鐐瑰嚮涓殑鈥滄祦澶扁�濓紝浠庤�屾彁鍗囩敤鎴峰湪缃戠珯涓婄殑鍋滅暀鏃堕棿鍜屾弧鎰忓害銆�
澧炲己钀ラ攢鏁堟灉锛氶�氳繃闅愯棌鐨勮烦杞満鍒讹紝鍙互鍦ㄤ笉鎵撴壈鐢ㄦ埛鐨勬儏鍐典笅锛屽皢浠栦滑寮曞鑷崇壒瀹氱殑钀ラ攢椤甸潰锛屽浼樻儬娲诲姩椤甸潰銆佷笅杞介〉闈㈢瓑锛屼粠鑰屾渶澶ю煂稿寲钀ラ攢娲诲姩鐨勬晥鏋溿��
鏁版嵁鍒嗘瀽锛氶�氳繃杩欑鎶�鏈紝鍙互鏇寸簿鍑嗗湴鍒嗘瀽鐢ㄦ埛鐨勮涓鸿矾寰勶紝骞舵嵁姝や紭鍖栫綉绔欑粨鏋勫拰钀ラ攢绛栫暐銆�
3浜嬩欢鐩戝惉鍣ㄥ吋瀹规��
鍦ㄩ殣钘忚烦杞叆鍙ｇ殑瀹炵幇杩囩▼涓紝浜嬩欢鐩戝惉鍣紙濡俢lick銆乭over绛夛級鐨勮涓哄彲鑳藉洜娴忚鍣ㄤ笉鍚岃�屾湁鎵�宸紓銆備负浜嗙‘淇濅簨浠剁洃鍚櫒鐨勬纭�э紝鍙互閲囧彇浠ヤ笅鎺柦锛�
鏍囧噯鍖栦簨浠跺鐞嗭細浣跨敤W3C鏍囧噯鍖栫殑浜嬩欢澶勭悊鏂规硶锛屽addEventListener鍜宺emoveEventListener锛屼互淇濔煋岃瘉鍦ㄥ悇绉嶆祻瑙堝櫒涓殑涓�鑷存�с��
澶氭祻瑙堝櫒娴嬸煓傝瘯锛氬湪寮�鍙戣繃绋嬩腑锛屽敖鍙兘澶氬湴鍦ㄤ笉鍚屾祻瑙堝櫒涓繘琛屾祴璇曪紝鍙婃椂鍙戠幇骞朵慨姝ｄ簨浠跺鐞嗕笂鐨勯棶棰樸��
鏍″锛氬攼濠�(p6mu9CWFoIx7YFddy4eQTuEboRc9VR7b9b)