如何用JS或jQuery实现页面自动跳转

作者 FarLee 2016年7月22日 12:53:35   ‖浏览(10,532)

用Javascript 的window.location 和 window.location.href, 以及window.location.replace()都可以实现页面跳转, 下面是它们之间的区别:

window.location 和 window.location.href 实现的效果是一样的, 比如:

window.location = "http://h.farll.com";
 window.location.href = "http://h.farll.com";

都会从当前页面跳转跳转到目标页面; 不同之处在于 window.location 返回的是对象, 如果没有href, 它会默认参数就是href;

要js自动跳转页面, 可以加个

setTimeout(function(){ ... }, 1000);

另外用 window.location.replace(“http://h.farll.com”) 实现跳转页面, 它和上面方法的区别在于它跳转后不会保存跳出页面的信息.
所以使用history历史返回按钮是无效的; 它的效果类似于在网页上点击右键, 在新窗口打开或新标签页打开.
而 window.location.href 实现的效果是在页面上点击目标链接, 然后可以点击历史返回按钮, 返回到之前页面, 即:

 window.history.back();
 window.history.go(-1);

js页面跳转没必要使用jQuery, 若要使用则可用类似下面的方法:

$(location).attr('href','http://h.farll.com')
 $(window).attr('location','http://h.farll.com')
 $(location).prop('href', 'http://h.farll.com')

如果用户浏览器禁用了javascript, 那么可以用meta refresh 来实现自动跳转:

<noscript>
 <meta http-equiv="refresh" content="0;URL=http://h.farll.com/">
 </noscript>

 


“如何用JS或jQuery实现页面自动跳转”文章评论(1)

  1. 哈皮

来说兩句