文章插图
如何实现网页局部刷新?比较原始的做法就是嵌入一个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.href='http://baike.promotionmail.cn/shenghuo/hello.html';
//以下方式定时跳转
setTimeout("javascript:location.href='http://baike.promotionmail.cn/shenghuo/hello.html'",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.href='http://baike.promotionmail.cn/shenghuo/hello.html';
}
</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.href='http://baike.promotionmail.cn/shenghuo/hello.html';
}
</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.href='http://baike.promotionmail.cn/shenghuo/hello.html';
}else{
if(navigator.appName.indexOf("Explorer")>-1){
document.getElementById('totalSecond').innerText=second--;
}else{
document.getElementById('totalSecond').textContent=second--;
}
}
}
</script>
好
谷歌浏览器离开或刷新页面,如何设置提示?要设置关闭或刷新的提示 , 如果你是谷歌浏览器用户,可以用Chrome插件,例如小乐图客 , 自定义JS脚本,来实现关闭网页前的提示如果你是网站开发者 , 可以在你的网站网页代码中,加入相应JS事件监听功能 。
相关经验推荐
- 美容的保健方法有哪些?全身美白有哪些方法吗?
- 下巴整容的方法有哪些?垫下巴术后怎么护理?
- 秋冬干燥如何护手?秋季护手的方法有哪些?
- 怎么用芦荟胶做面膜?芦荟胶的使用方法有哪些?
- 喷雾补水仪使用方法
- 扎宽松的裤子方法 如何扎宽松的裤子
- 纹身颜色变深方法 纹身恢复后颜色会比刚纹时稍淡
- 眼睛小的拍照方法 拍照的妙招介绍
- 画眉对称方法 画眉之前先把眉毛修对称
- 做腮红粉的方法 做腮红粉的方法分享