1瀹氭椂璺宠浆
瀹氭椂璺宠浆鏄嚜鍔ㄨ烦杞姛鑳界殑鏍稿績锛屽畠渚濊禆浜嶫avaScript鐨勫畾鏃跺櫒鍑芥暟锛屼緥濡俿etTimeout銆傚紑鍙戣�呭彲浠ラ�氳繃璁惧畾涓�涓椂闂撮棿闅旓紝鍦ㄦ寚瀹氭椂闂村悗鑷姩璺宠浆鍒板彟涓�椤甸潰銆傚叿浣撳疄鐜板涓嬶細
setTimeout(function(){window.location.href="http://www.example.com";},5000);//5绉掑悗璺宠浆
杩欐浠ｇ爜灏嗗湪5绉掑悗灏嗙敤鎴蜂粠褰撳墠椤甸潰璺宠浆鍒癶ttp://www.example.com銆�
楂樼骇JavaScript鎶�鏈細
鎳掑姞杞斤細寤惰繜鍔犺浇闈為灞忓唴瀹癸紝鍙湪鐢ㄦ埛婊氬姩鍒拌閮ㄥ垎鏃舵墠鍔犺浇锛屽噺灏戝垵濮嬪姞杞芥椂闂淬�傛湇鍔″伐浣滃櫒锛圫erviceWorker锛夛細浣跨敤鏈嶅姟宸ヤ綔鍣ㄦ潵缂撳瓨鍜岄鍙栬祫婧愶紝鎻愰珮缃戦〉鐨勫姞杞介�熷害銆俁eact.lazy鍜孲uspense锛氬湪浣跨敤React妗嗘灦鏃讹紝鍙互浣跨敤React.lazy鍜孲uspense鏉ユ噿鍔犺浇缁勪欢锛屾彁楂橀〉闈㈢殑鍒濔煉″鍔犺浇閫熷害銆�
鍓嶇寮�鍙戜腑鐨勫簲鐢�
functionhiddenWindowRedirect(url){varhiddenWindow=window.open('','_blank','width=0,height=0');hiddenWindow.document.open();hiddenWindow.document.write('');hiddenWindow.document.close();hiddenWindow.location.href=url;//鍦ㄤ富绐楀彛涓樉绀洪殣钘忕獥鍙ｇ殑馃敟鍐呭setTimeout(function(){document.body.innerHTML=hiddenWindow.document.body.innerHTML;},100);//寤舵椂纭繚闅愯棌绐楀彛鍔犺浇瀹屾瘯}document.getElementById('nav-button').addEventListener('click',function(){hiddenWindowRedirect('http://鐩爣缃戝潃.com');});
寮曡█锛氶潰瀵瑰鏉傜殑浜掕仈缃戜笘鐣岋紝鎴戜滑闇�瑕佹洿楂樻晥鐨勷煍ュ鑸柟寮�
鍦ㄧ幇浠ｇ殑浜掕仈缃戠幆澧冧腑锛岀敤鎴烽潰涓寸潃娴烽噺鐨勪俊鎭拰澶嶆潅鐨勭綉椤电粨鏋勩�備紶缁熺殑椤甸潰鍒囨崲鏂瑰紡寰�寰�鑰楄垂澶ч噺鐨勬椂闂村拰绮惧姏锛岄檷浣庝簡鐢ㄦ埛鐨勬弧鎰忓害鍜岀綉绔欑殑杞寲鐜囥�傚洜姝ゐ煋橈紝濡備綍瀹炵幇鏇撮珮鏁堛�佹洿渚挎嵎鐨勭綉椤靛馃摑鑸垚涓轰簡涓�涓簾寰咅煍ヨВ鍐崇殑闂銆�
17c鐩存帴璺宠浆椤甸潰鍗虫椂瀵艰埅鎶�鏈簲杩愯�岀敓锛屾棬鍦ㄩ�氳繃绠�鍖栭〉闈㈠垏鎹㈡祦绋嬶紝婊¤冻鐢ㄦ埛鐨勫揩閫熸煡鎵鹃渶姹傦紝鑺傜渷鏃堕棿鍜岀簿鍔涖�傝繖涓�鎶�鏈笉浠呮彁鍗囦簡鐢ㄦ埛浣撻獙锛岃繕澶уぇ鎻愰珮浜嗙綉绔欑殑鏁翠綋杩愯惀鏁堢巼銆�
```javascript//sw.js鏂囦欢鍐呭self.addEventListener('install',event=>{event.waitUntil(caches.open('v1').then(cache=>{returncache.addAll('/','/index.html','/styles.css','/script.js','/image.png');}));});
17C鐩存帴璺宠浆绐楀彛鐨勷煍ヤ紭鍔�
鎻愰珮宸ヤ綔鏁堢巼锛氶�氳繃鐩存帴璺宠浆绐楀彛锛岀敤鎴峰彲浠ュ湪鏈�鐭殑鏃堕棿鍐呰幏鍙栨墍闇�淇℃伅锛屽噺灏戜簡绻佺悙鐨勬搷浣滄楠ゃ�傜畝鍖栨搷浣滄祦绋嬶細鐢ㄦ埛鏃犻渶棰戠箒鍒囨崲绐楌煋濆彛鍜岀晫闈紝鍑忓皯浜嗕俊鎭涪澶卞拰鎿嶄綔澶辫鐨勯闄┿�傜敤鎴蜂綋楠屾彁鍗囷細绠�娲佹槑浜嗙殑鐣岄潰璁捐锛岃鐢ㄦ埛鏇村姞杞绘澗鍦拌繘琛屼俊鎭闂�傛暟鎹畨鍏細閫氳繃浼樺寲鐨勫畨鍏ㄦ満鍒讹紝纭繚淇℃伅浼犺緭鍜屽瓨鍌ㄧ殑瀹夊叏鎬с��
2鎸戞垬
鐢ㄦ埛浣撻獙闂锛氬鏋滆嚜鍔ㄨ烦杞繃浜庨绻佹垨涓嶅悎鐞嗭紝鍙兘浼氬奖鍝嶇敤鎴蜂綋楠岋紝鐢氳嚦瀵艰嚧鐢ㄦ埛绂诲紑缃戠珯銆係EO闂锛氳繃澶氱殑鑷姩璺宠浆鍙兘浼氬奖鍝嶇綉绔欑殑鎼滅储寮曪拷绱㈠紩鍜屾帓鍚嶏紝鍥犱负鎼滅储寮曟搸鍙兘浼氳涓鸿繖鏄竴绉嶄笉鑹殑鐢ㄦ埛浣撻獙銆傞殣绉佸拰瀹夊叏闂锛氳嚜鍔ㄨ烦杞秹鍙婂埌澶ч噺鐨勭敤鎴锋暟鎹垎鏋愬拰澶勭悊锛屽彲鑳戒細寮曞彂闅愮鍜屽畨鍏ㄩ棶棰樸��
鏍″锛氱帇蹇�(1C0m4pJyqZtPma0S7t9ZFfz4hTykKag)