
文章插圖
如何實現網頁局部刷新?比較原始的做法就是嵌入一個iframe,然后在里面加入一個小網頁 , 就可以通過javascript對它進行操作了,或者是用AJAX,這個只能算是局部網頁替換,比如添加一些網頁元素或修改一些網頁元素,看你需要把,如果是大范圍的刷新的話就用iframe,若是小范圍的更新就用AJAX 。操作起來不麻煩 。
html router頁面跳轉方式?HTML頁面跳轉的5種方法
下面列了五個例子來詳細說明,這幾個例子的主要功能是:在5秒后,自動跳轉到同目錄下的hello.html(根據自己需要自行修改)文件 。
1)html的實現
<head>
<!--以下方式只是刷新不跳轉到其他頁面-->
<metahttp-equiv="refresh"content="10">
<!--以下方式定時轉到其他頁面-->
<metahttp-equiv="refresh"content="5;url=hello.html">
</head>
優點:簡單
缺點:StrutsTiles中無法使用
2)javascript的實現
<scriptlanguage="javascript"type="text/javascript">
【js刷新頁面?js刷新頁面方法】//以下方式直接跳轉
window.location.;
//以下方式定時跳轉
setTimeout("javascript:location.,5000);
</script>
優點:靈活,可以結合更多的其他功能
缺點:受到不同瀏覽器的影響
3)結合了倒數的javascript實現(IE)
<spanid="totalSecond">5</span>
<scriptlanguage="javascript"type="text/javascript">
varsecond=totalSecond.innerText;
setInterval("redirect()",1000);
functionredirect(){
totalSecond.innerText=--second;
if(second<0)location.;
}
</script>
優點:更人性化
缺點:firefox不支持(firefox不支持span、div等的innerText屬性)
3')結合了倒數的javascript實現(firefox)
<scriptlanguage="javascript"type="text/javascript">
varsecond=document.getElementById('totalSecond').textContent;
setInterval("redirect()",1000);
functionredirect()
{
document.getElementById('totalSecond').textContent=--second;
if(second<0)location.;
}
</script>
4)解決Firefox不支持innerText的問題
<spanid="totalSecond">5</span>
<scriptlanguage="javascript"type="text/javascript">
if(navigator.appName.indexOf("Explorer")>-1){
document.getElementById('totalSecond').innerText="mytextinnerText";
}else{
document.getElementById('totalSecond').textContent="mytexttextContent";
}
</script>
5)整合3)<spanid="totalSecond">5</span>
<scriptlanguage="javascript"type="text/javascript">
varsecond=document.getElementById('totalSecond').textContent;
if(navigator.appName.indexOf("Explorer")>-1){
second=document.getElementById('totalSecond').innerText;
}else{
second=document.getElementById('totalSecond').textContent;
}
setInterval("redirect()",1000);
functionredirect(){
if(second<0){
location.;
}else{
if(navigator.appName.indexOf("Explorer")>-1){
document.getElementById('totalSecond').innerText=second--;
}else{
document.getElementById('totalSecond').textContent=second--;
}
}
}
</script>
好
谷歌瀏覽器離開或刷新頁面,如何設置提示?要設置關閉或刷新的提示 , 如果你是谷歌瀏覽器用戶,可以用Chrome插件,例如小樂圖客 , 自定義JS腳本,來實現關閉網頁前的提示如果你是網站開發者 , 可以在你的網站網頁代碼中,加入相應JS事件監聽功能 。
相關經驗推薦
- 美容的保健方法有哪些?全身美白有哪些方法嗎?
- 下巴整容的方法有哪些?墊下巴術后怎么護理?
- 秋冬干燥如何護手?秋季護手的方法有哪些?
- 怎么用蘆薈膠做面膜?蘆薈膠的使用方法有哪些?
- 噴霧補水儀使用方法
- 扎寬松的褲子方法 如何扎寬松的褲子
- 紋身顏色變深方法 紋身恢復后顏色會比剛紋時稍淡
- 眼睛小的拍照方法 拍照的妙招介紹
- 畫眉對稱方法 畫眉之前先把眉毛修對稱
- 做腮紅粉的方法 做腮紅粉的方法分享
