濡備綍瀹炵幇缃戦〉闅愯棌璺宠浆鍏ュ彛

浣跨敤JavaScript锛欽avaScript鏄�瀹炵幇缃戦〉闅愯棌璺宠浆鍏ュ彛鐨勪富瑕佸伐鍏枫�備綘鍙�浠ラ�氳繃缂栧啓绠�鍗曠殑JavaScript浠ｇ爜锛屽湪鐢ㄦ埛鐐瑰嚮鏌愪釜鍏冪礌鏃惰Е鍙戣烦杞�銆備緥濡傦細

document.getElementById('hidden-link').addEventListener('click',function(){window.location.href='http://www.example.com';});

鍦ㄨ繖涓�渚嬪瓙涓�锛屽綋鐢ㄦ埛鐐瑰嚮ID涓衡�渉idden-link鈥濈殑鍏冪礌鏃讹紝灏嗕細琚�璺宠浆鍒版寚瀹氱殑URL銆�

浣跨敤CSS锛氶�氳繃CSS锛屼綘鍙�浠ヨ�╂煇涓�鍏冪礌闅愯棌鍦ㄩ〉闈�涓�锛屼絾浠嶇劧鍙�浠ュ搷搴旂敤鎴风殑馃敟鐐瑰嚮浜嬩欢銆備緥濡傦細

#hidden-link{position:absolute;left:-9999px;}

鍦ㄨ繖涓�渚嬪瓙涓�锛孖D涓衡�渉idden-link鈥濈殑鍏冪礌灏嗕細琚�馃�斿畬鍏ㄩ殣钘忥紝浣嗕粛鐒跺彲浠ヨ��鐐瑰嚮銆�

鍏煎�规�ч棶棰�

涓嶅悓娴忚�堝櫒鍜岃�惧�囧�归殣钘忚烦杞�鍏ュ彛鐨勷煍ユ敮鎸佸彲鑳藉瓨鍦ㄥ樊寮傦紝杩欎篃浼氬甫鏉ヤ竴浜涘吋瀹规�ч棶棰樸�備緥濡傦紝鏌愪簺闅愯棌璺宠浆鍏ュ彛鍦ㄤ笉鍚屾祻瑙堝櫒涓�鐨勮〃鐜板彲鑳戒笉涓�鑷达紝鍙�鑳戒細瀵艰嚧鐢ㄦ埛鍦ㄤ笉鍚岃�惧�囸煋屼笂鐨勪娇鐢ㄤ綋楠屼笉鍚屻�傚洜姝わ紝鍦ㄨ�剧疆闅愯棌璺宠浆鍏ュ彛鏃讹紝闇�瑕佽繘琛屽厖鍒嗙殑娴嬭瘯鍜岃皟鏁达紝浠ョ‘淇濆叾鍦ㄥ悇绉嶆祻瑙堝櫒鍜岃�惧�囦笂鐨勫吋瀹规�с��

鍦ㄦ帰璁ㄤ簡17c缃戦〉闅愯棌璺宠浆鍏ュ彛鐨勪娇鐢ㄤ綋楠屽拰闂�棰樺悗锛屾垜浠�鍙�浠ュ緱鍑轰竴浜涙湁鐩婄殑鎬荤粨鍜屽缓璁�锛屼互渚挎洿濂藉湴搴旂敤杩欎竴鎶�鏈�鎵嬫�点��

鎬荤粨

闅愯棌璺宠浆鍏ュ彛鐨勯�傞厤鎯呭喌鏄�缃戦〉鍏煎�规�ф祴馃檪璇曚腑鐨勪竴涓�閲嶈�佹柟闈��傞�氳繃娣卞叆浜嗚В鍏跺湪涓嶅悓鐜�澧冧笅鐨勮〃鐜帮紝骞堕噰鍙栭�傚綋鐨勷煍ヤ紭鍖栨帾鏂斤紝鍙�浠ユ樉钁楁彁鍗囩敤鎴蜂綋楠岋紝浠庤�屾彁楂樼綉绔欑殑鏁翠綋璐ㄩ噺鍜岀敤鎴锋弧鎰忓害銆傛棤璁烘槸鍝嶅簲寮忚�捐�°�佷簨浠剁洃鍚�鍣ㄧ殑馃敟浼樺寲锛岃繕鏄�娓愯繘澧炲己鍜屾寔缁�鐩戞帶锛岄兘鏄�纭�淇濋殣钘忚烦杞�鍏ュ彛鍦ㄥ悇绉嶈�惧�囧拰娴忚�堝櫒涓婃�ｅ父杩愪綔鐨勫叧閿�鍥犵礌銆�

娴忚�堝櫒鍏煎�规��

涓嶅悓娴忚�堝櫒瀵笿avaScript鐨勬敮鎸佸拰鎵ц�屾柟寮忓彲鑳芥湁鎵�涓嶅悓锛岃繖鍙�鑳戒細瀵艰嚧闅愯棌璺宠浆鍦ㄦ煇浜涙祻瑙堝櫒涓�鏃犳硶姝ｅ父宸ヤ綔銆�

鍦ㄧ��浜岄儴鍒嗭紝鎴戜滑灏嗙户缁�娣卞叆鎺㈣��17c缃戦〉闅愯棌璺宠浆鐨勬妧鏈�瑙ｆ瀽锛屽叿浣撳垎鏋愬叾鍦ㄥ疄闄呭簲鐢ㄤ腑鐨勷煍ュ疄鐜版柟娉曪紝骞舵帰璁ㄥ叾鍦ㄤ笉鍚屽満鏅�涓嬬殑搴旂敤鏁堟灉銆傝繖閮ㄥ垎灏嗛噸鐐硅�ㄨ�哄姩鎬佸姞杞姐�佸箍鍛婃帹閫佷互鍙婂叾浠栦竴浜涘疄闄呭簲鐢ㄥ満鏅�锛屼互甯�鍔╀綘鍏ㄩ潰浜嗚В杩欎竴鎶�鏈�鐨勫叏璨屻��

鍐呭�瑰瀷缃戠��

瀵逛簬鍐呭�瑰瀷缃戠珯锛屽�傚崥瀹㈡垨鏂伴椈缃戠珯锛岀綉椤甸殣钘忚烦杞�鍏ュ彛鍙�浠ョ敤鏉ユ帹閫佺浉鍏虫枃绔犳垨鍐呭�广�備緥濡傦紝褰撶敤鎴烽槄璇讳竴绡囨枃绔犳椂锛屽彲浠ヨ�剧疆涓�涓�闅愯棌鐨勮烦杞�鍏ュ彛锛屽綋鐢ㄦ埛鍦ㄦ枃绔犳湯灏剧殑鈥滈槄璇绘洿澶氣�濆尯鍩熺偣鍑绘椂锛屽皢琚�璺宠浆鍒板叾浠栫浉鍏虫枃绔犮��

瀹炰緥锛氬亣璁炬煇鏂伴椈缃戠珯甯屾湜鎺ㄨ崘鐩稿叧鏂伴椈鏂囩珷锛屽彲浠ュ湪鏂囩珷鏈�灏捐�剧疆涓�涓�闅愯棌鐨勮烦杞�鍏ュ彛锛�

document.getElementById('related-article').addEventListener('click',function(){window.location.href='http://www.example.com/related-article';});

鐢ㄦ埛鐐瑰嚮鈥滈槄璇绘洿澶氣�濆尯鍩熸椂锛屽皢琚�璺宠浆鍒扮浉鍏虫柊闂绘枃绔狅紝浠庤�屽�炲姞鐢ㄦ埛鍦ㄧ綉绔欎腑鐨勫仠鐣欐椂闂淬��

妗堜緥鍒嗘瀽锛氱�戞妧鍏�鍙哥綉绔欑殑搴旂��

鏌愮�戞妧鍏�鍙稿湪鐢ㄦ埛娴忚�堜骇鍝佽�︽儏椤甸潰鏃讹紝璁剧疆浜嗛殣钘忦煓傝烦杞�鍏ュ彛銆傚綋鐢ㄦ埛娴忚�堝埌浜у搧璇︽儏椤甸潰鐨勪竴鍗婃椂锛岄�氳繃17c鎶�鏈�瀹炵幇闅愯棌璺宠浆锛岃嚜鍔ㄨ烦杞�鍒扮浉鍏虫妧鏈�鏂��。椤甸潰銆傝繖涓�璁剧疆涓嶄粎鎻愰珮浜嗙敤鎴峰湪浜у搧璇︽儏椤甸潰鐨勫仠鐣欐椂闂达紝杩樺�炲姞浜嗙敤鎴峰�瑰叕鍙告妧鏈�鏂��。鐨勮�块棶棰戠巼锛屾彁鍗囦簡鍏�鍙哥殑涓撲笟褰㈣薄鍜岀煡鍚嶅害銆�

鏌ユ壘闅愯棌璺宠浆鍏ュ彛

鍦ㄥ紑鍙戣�呭伐鍏蜂腑锛屽垏鎹㈠埌鈥淓lements鈥濇垨鈥淪ources鈥濇爣绛撅紝鍙�浠ユ煡鐪嬬綉椤电殑HTML鍜孞avaScript浠ｇ爜銆傞�氬父闅愯棌璺宠浆鍏ュ彛浼氬湪浠ヤ笅鍑犱釜鍦版柟璁剧疆锛�

JavaScript浠ｇ爜锛氬湪JavaScript鏂囦欢涓�瀵绘壘绫讳技浜巜indow.location鎴杁ocument.location鐨勮烦杞�璇�鍙ャ�侶TML浠ｇ爜锛氬湪HTML鏂囦欢涓�鏌ユ壘鏍囩�撅紝浣嗘槸杩欎簺閾炬帴鍙�鑳戒細鏈塪isplay:none鎴杤isibility:hidden鐨凜SS灞炴�с��

CSS浠ｇ爜锛氭煡鎵剧浉鍏崇殑CSS鏂囦欢锛屽�绘壘鍙�鑳藉奖鍝嶉殣钘忚烦杞�鐨勷煍ユ牱寮忋��

鏍″�癸細鏉庣憺鑻�(p6mu9CWFoIx7YFddy4eQTuEboRc9VR7b9b)