烟台网站建设

烟台网站建设:页面跳转技巧大全

2019/8/9 7:44:56
js页面跳转大全所谓的js页面跳转就是利用javesrcipt对打开的页面ulr进行跳转,如我们打开的是a页面,通过javsrcipt脚本就会跳转到b页面

第一种:location跳转(当前页面跳转)


location.href="http://www.wfdp.cn/";

window.location.href="http://www.wfdp.cn/";

window.location="http://www.wfdp.cn/";


第二种:后退、前进跳转(当前页面跳转)


window.history.back();

window.history.go(1);

更多后退、前进跳转代码请参考文章:JS后退、前进、返回上一页并刷新代码



第三种:框架页面跳转


self.location='http://www.wfdp.cn/';  //本页面跳转

parent.location='http://www.wfdp.cn/';  //上一层页面跳转

top.location='http://www.wfdp.cn/';  //最外层页面跳转

自动刷新页面的方法:

1.页面自动刷新:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20">

其中20指每隔20秒刷新一次页面.


2.页面自动跳转:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20;url=http://www.wfdp.cn">

其中20指隔20秒后跳转到http://www.wfdp.cn页面


3.页面自动刷新js版

<script language="JavaScript">

function myrefresh()

{

      window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

</script>