JavaScript实现页面跳转方法大全

maolai web前端评论276阅读模式

javascript实现倒计时跳转网站首页,js跳转到指定页面,JavaScript实现页面跳转方法总结,常用的js跳转页面方法实现汇总。

JavaScript实现页面跳转方法大全

1、javascript实现定时跳转页面

<script type="text/javascript">
//五秒以后再跳转
setTimeout("javascript:location.href='http://www.bokequ.com'", 5000);</script>

2、html代码实现,通过meta设置跳转页面,在页面的head头部加上如下代码。3秒钟后跳转到指定的页面/首页。

<meta http-equiv="refresh" content="3;URL='http://www.bokequ.com/'">

可以改为0秒,比如在域名备案审核时,可以在网站首页头部加上这代码跳转指定页面。

<!--只刷新不跳转 -->
<meta http-equiv="refresh" content="3">

3、打开当前页面时跳转到另一个页面,可以加在分享的静态页面模板中

<script type="text/javascript">
$(function() {
	if (document.domain != 'bokequ.com' && document.domain != 'www.bokequ.com'){
	    window.location.href='http://www.bokequ.com/blog/11/';
	}
	if(top.location != self.location)top.location=self.location;
	$(window).scroll(function(event) {
		var num=$(window).scrollTop();
		var m=115
		if (num>m) {
			$('.nav').css({
				position: 'fixed',
				top:0,
				zIndex:1000
			});
		}else{
			$('.nav').css({
				position:'static'
				})
		};
	});
});
</script>

4、javascript实现5秒后跳转到指定页面,可用在404页面中。

<script type="text/javascript"> 
var t=5;
setInterval("refer()",1000); 
function refer(){ 
 if(t==0){ 
 location.href="//www.bokequ.com";
 } 
 document.getElementById('show').innerHTML=""+t+"秒后跳转到博客趣";
 t--;
} 
</script> 
<span id="show"></span>

5、JavaScript Window在新建窗口中打开窗口

<script type="text/javascript">window.open("http://www.bokequ.com"); </script>

类似于html中的

<a href="http://www.bokequ.com" title="博客趣" target="_blank">博客趣</a>

6、js实现打开页面的时候直接跳转到指定首页,在当前窗口中打开窗口

<script type="text/javascript">window.location.href="http://www.bokequ.com";</script>

 
maolai
  • 本文由 maolai 发表于 2018年7月13日 13:58:34
  • 转载请务必保留本文链接:http://www.bokequ.com/506.html

发表评论