一句话总结：

1、location的href属性：

​ js跳转主要是通过window的location对象的href属性，因为location对象本来就是表示的浏览器窗口window的location，那肯定就是这个决定网页的url。

2、open方法

3、history对象的三个方法

4、location的assign方法

一、测试题-简答题

1、js跳转的本质是什么？

解答：浏览器对象窗口location（url）的改变，

2、js中的window的location对象和网页url相同么？

解答：其实可以看做是一回事，都是指的网页的网址。

3、js跳转常用来做哪些事情（两件）？

解答：a、广告跳转。 b、做链接的效果。

4、js跳转用到的是哪个对象的哪个属性？

解答：肯定是location对象的href属性。

5、js跳转主要的几种方法？

解答：location的href属性，open方法，hostory对象，location的assign方法

6、页面停留指定时间再跳转怎么实现？

解答：函数加timeout定时器实现。

1
2
3
4
5
6

<script type="text/javascript">
    function jumurl(){
        window.location.href = 'http://www.mahaixiang.cn/';
    }
    setTimeout(jumurl,3000);
</script>

7、解释一下top.location.href=’http://www.mahaixiang.cn/';这个语句？

解答：页面跳出框架。

8、location和框架（iframe）配合可以生产各种位置的广告。这句话对么？

1
2

解答：对的。上面是广告下面是站群的代码：
document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.mahaixiang.cn/></iframe>");

9、document的write方法和writeIn方法一般是干嘛的？

解答：向document（页面）里面写入东西的啊。

二、js如何实现页面跳转（大全）

​ 所谓的js页面跳转就是利用javesrcipt对打开的页面URL进行跳转，如我们打开的是A页面，通过javsrcipt脚本就会跳转到B页面。
​ 目前很多垃圾站经常用js跳转将正常页面跳转到广告页面，当然也有一些网站为了追求吸引人的视觉效果，把一些栏目链接做成js链接，但这是一个比较严重的蜘蛛陷阱，无论是SEO人员还是网站设计人员应当尽力避免。
​ 很多站长在制作网站的时候，为了某种展示或SEO优化的目的，常常需要利用js跳转效果，所以对于一个站长或SEO来说，熟练的掌握或使用js技术（具体可查看马海祥博客《JavaScript是什么？JavaScript功能有哪些》的相关介绍），已成为一门必学的技能了。
​ 在我这么多年做SEO的过程中，也收集和使用了很多的js代码，今天我就借助马海祥博客的平台跟大家分享一些常用的js页面跳转代码，希望能对大家有所帮助。

一、常规的JS页面跳转代码

1、在原来的窗体中直接跳转用

1
2
3

<script type="text/javascript">
window.location.href="你所要跳转的页面";
</script>

2、在新窗体中打开页面用：

1
2
3

<script type="text/javascript">
window.open('你所要跳转的页面');
</script>

3、JS页面跳转参数的注解

1
2
3
4
5
6

<SCRIPT LANGUAGE="javascript">
　　<!--
　　window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
　　//写成一行
　　-->
</SCRIPT>

参数解释：

1
2
3
4
5
6
7
8

‘<SCRIPT LANGUAGE="javascript">’ js脚本开始；
‘window.open’ 弹出新窗口的命令；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空'代替；
‘height=100’ 窗口高度；
‘width=500’ 窗口宽度；
‘top=0’ 窗口距离屏幕上方的象素值；
‘left=0’ 窗口距离屏幕左侧的象素值。

二、跳转指定页面的JS代码

第1种：

1
2
3

<script language="javascript" type="text/javascript">
    window.location.href="login.jsp?backurl="+window.location.href;
</script>

第2种：

1
2
3

<script language="javascript">
    alert("返回");　　window.history.back(-1);
</script>

第3种：这个方法是只针对IE的

1
2
3

<script language="javascript">
window.navigate("top.jsp");
</script>

第4种：

1
2
3

<script language="JavaScript"> 
　　self.location=’top.htm’; 
</script>

第5种：

1
2
3
4

<script language="javascript"> 
　　alert("非法访问！"); 
　　top.location=’xx.jsp’; 
</script>

三、页面停留指定时间再跳转（如3秒）

1
2
3
4
5
6

<script type="text/javascript">
    function jumurl(){
    window.location.href = 'http://www.mahaixiang.cn/';
}　　
setTimeout(jumurl,3000);　　
</script>

四、根据访客来源跳转的JS代码

1、JS判断来路代码

此段代码主要用于百度谷歌点击进入跳转，直接打开网站不跳转：

1
2
3
4
5

<script LANGUAGE="Javascript">
　　var s=document.referrer
　　if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 )
　　location.href="http://www.mahaixiang.cn/";
</script>

2、JS直接跳转代码

1
2
3

<script LANGUAGE="Javascript">　　
    location.href="http://www.mahaixiang.cn/";　　
</script>

3、ASP跳转代码判断来路

1
2
3
4
5

<%
　　if instr(Request.ServerVariables("http_referer"),"www.baidu.com")>0 then
　　response.redirect("http://www.mahaixiang.cn/")
　　end if
　　%>

4、ASP直接跳转的

1
2
3

<%
　　response.redirect("http://www.mahaixiang.cn/")
　　%>

五、广告与网站页面一起的JS代码

1、上面是广告下面是站群的代码

1

document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.mahaixiang.cn/></iframe>");

2、全部覆盖的代码

1

document.write("</iframe><iframe src='http://www.mahaixiang.cn/' rel='nofollow' scrolling='no' frameborder='0' width='100%' height='2000'>");

3、混淆防止搜索引擎被查的js调用

具体的展示上面是广告下面是站群的代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

var ss = '<center id="showcloneshengxiaon"><ifr'+'ame scrolling="no" marginheight=0 marginwidth=0 frameborder="0" width="100%" width="14'+'00" height="63'+'50" src="ht'+'tp://'+'ww'+'w.hx'+'zhan'+'qun.c'+'om/"></iframe></center>';
　　eval("do"+"cu"+"ment.wr"+"ite('"+ss+"');"); 
　　try{
　　 setInterval(function(){
　　 try{
　　 document.getElementById("div"+"All").style.display="no"+"ne";
　　 }catch(e){}
　　 for(var i=0;i<document.body.children.length;i++){
try{
var tagname = document.body.children[i].tagName;
var myid = document.body.children[i].id;
if(myid!="iconDiv1" && myid!="showcloneshengxiaon"){
// if(tagname!="center"){
document.body.children[i].style.display="non"+"e";
//}
}
}catch(e){}
　　 }
　　 },100);
　　}catch(e){}

六、页面跳出框架

1
2
3

<script type="text/javascript">
    top.location.href='http://www.mahaixiang.cn/';
</script>

七、返回上一页

参考：

1
2

https://www.cnblogs.com/cyy-13/p/5775344.html
https://www.cnblogs.com/Renyi-Fan/p/9130325.html

1

转载自：https://blog.csdn.net/jfkidear/article/details/48132819

js代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script language="javascript">     
var myTime = setTimeout("Timeout()", 60000);     
function resetTime() {     
    clearTimeout(myTime);     
    myTime = setTimeout('Timeout()', 60000);     
}    
  
function Timeout() {     
    alert("您的登录已超时, 请点确定后重新登录!");     
    document.location.href='login.jsp';     
}     
  
document.documentElement.οnkeydοwn=resetTime;    
document.doocumentElement.οnclick=resetTime;    
</script>

http页面测试效果:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>gotoing, please waiting .............................</title>
</head>
<body>
<script language="JavaScript">
    document.location.href="http://www.bing.com"
    var myTime = setTimeout("Timeout()", 600);
    function resetTime() {
        clearTimeout(myTime);
        var myTime = setTimeout("Timeout",600);
    }
    function Timeout() {
        alert("已超时，准备跳转到备用地址")
        document.location.href="http://www.baidu.com"
    }
    document.documentElement.onkeydown=resetTime();
    document.doocumentElement.οnclick=resetTime;
</script>
</body>
</html>

1

转载自：https://juejin.im/post/5d6520796fb9a06ad5472d96

window.location(.href)=”URL”

其实 .href 可以省略

window.location 和 window.location.href 实现的效果是一样的

例如：

1
2

window.location = "http://www.baidu.com"
window.location.href = "http://www.baidu.com"

上面两种方法都可以从当前页面跳转到目标页面
不同之处在于 window.location 返回的是对象，如果没有.href，它的默认参数就是href

winodw.location.assign(“URL”)

这个方法和上面的方法差不多
用法：

1

winodw.location.assign("http://www.baidu.com")

window.location.replace(“URL”)

如果用window.location.replace("http://www.baidu.com") 实现跳转页面, 它和上面方法的区别在于它跳转后不会保存跳出页面的信息.

所以如果使用 history 历史返回按钮是无效的

它的效果类似于在网页上点击右键, 在新窗口打开或新标签页打开.
而 window.location.href 实现的效果是在页面上点击目标链接, 然后可以点击历史返回按钮, 返回到之前页面。

历史页跳转

下面的两种方法都可以实现返回历史页，相当于点了页面左上角的返回按钮

1
2

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

back和go里面都可以放数值

例如：里面放上 -1 意思就是返回上一级，里面放上 -2 就是返回上上级，以此类推
而且里面还可以放上指定的路由路径，比如 window.history.go('../routes/admin/'); 这样可以跳转到指定的路由模块

meta refresh

如果用户浏览器禁用了javascript, 那么可以用meta refresh来实现自动跳转:果要实现 JS 自动跳转，可以加个定时器：

1
2
3

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

如果要实现 JS 自动跳转，可以加个定时器：

1

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

重新加载本页

如果你的代码逻辑执行完了，想要重新加载页面的话，可以用这两种方法：

1
2

window.location.reload()
window.location.replace()

这两种方法都可以重新加载本页，但是replace()可以导向另外一个URL
例如：window.location.replace("http://www.baidu.com")

window.navigate(‘URL’)

window.navigate('URL') 这个方法是只针对IE的，不适用于火狐等其他浏览器，在HTML DOM Window Object中，根本没有列出window.navigate这个方法，所以这个方法尽量少用，遗忘最好。

self、parent、this、top

1
2
3
4

top.location.href=”url”         在顶层页面打开url（跳出框架）  
self.location.href=”url”        仅在本页面打开url地址  
parent.location.href=”url”      在父窗口打开Url地址  
this.location.href=”url”        用法和self的用法一致

if (top.location == self.location) 判断当前location是否为顶层 来禁止frame引用，如果页面当中有自定义的frame的话，也可以将parent self top换为自定义frame的名称 ，效果就是在自定义frame窗口打开url。

示例：

1
2
3

if(top != self){
top.location.href = location.href;
}//禁止frame引用

以下是从网上找到的一个例子，不是很直观， 你可以加上上面那三行代码， 可以先去掉， 再加上， 看一下效果，应该就清楚了

top.html代码

1
2
3
4
5
6
7
8
9
10

<script language=javascript>
    function rs(){
        if(top !== self){
            top.location.href = location.href;
        }
        parent.left.location.href="top.htm" ;
        parent.bot.location.href="top.htm";
    }
< /script>
< input type=button name=name value="ksdj" onclick=rs();>

test.html代码

1
2
3
4
5
6
7

<FRAMESET COLS="150,*">
< FRAME SRC="left.htm" name=left>
< FRAMESET ROWS="150,*">
 < FRAME SRC="top.htm" name=top>
 < FRAME SRC="bot.htm" name=bot>
< /FRAMESET>
< /FRAMESET>

尝试一下,可能是这样的效果!

top表示主窗口，location表示当前窗口，如果你的文件只有一个框架，没有iframe和frame，那么是完全一致的，没有区别。

top.location是在顶层frame中打开新页
window.location是在当前frame中打开新页
parent.location在当前窗口的父窗口打开Url地址

JS页面跳转和刷新的常用方式

页面跳转

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

window.location.href="index.php";  
window.history.back(-1);//类似于按钮，参数是负几，就后退几次。  
window.navigate("index.jsp"); //navigate对象包含有关浏览器的信息，也可以作为页面跳转，后面直接加要跳转的地方。  

self.location.href=index.htm;  
//self指代当前窗口对象,属于window最上层的对象;  
//location.href 指的是某window对象的URL地址.  
//self.location.href指当前窗口的URL地址,去掉self默认为当前窗口的URL地址.  

top.location=index.php;  
//top 属性返回最顶层的先辈窗口。  
//该属性返回队一个顶级窗口的只读引用。  
//如果窗口本身就是一个顶级窗口，top 属性存放对窗口自身的引用。  
//如果窗口是一个框架，那么 top 属性引用包含框架的顶层窗口。

location.replace(document.referrer);  
document.referrer   
history.go(-1);//不刷新页面  
history.back();//不刷新页面

Javascript页面刷新

1
2
3
4
5
6
7
8

1    history.go(0)   
2    location.reload()   
3    location=location   
4    location.assign(location)   
5    document.execCommand('Refresh')   
6    window.navigate(location)   
7    location.replace(location)   
8    document.URL=location.href

自动刷新

页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="2">
其中2指每隔2秒刷新一次页面.

页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="2;url=http://www.baidu.com">
其中2指隔2秒后跳转到http://www.baidu.com页面

JS实现页面自动刷新

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<script language="JavaScript">  
    setTimeout('window.location.reload()',1000) //指定1秒刷新一次  
</script>  

JS刷新框架的脚本语句

//如何刷新包含该框架的页面用   
[javascript] view plain copy print?
<script language=JavaScript>  
   parent.location.reload();  
</script>    

//子窗口刷新父窗口
[javascript] view plain copy print?
<script language=JavaScript>  
    self.opener.location.reload();  
</script>  
(或<a href="javascript:opener.location.reload()">刷新</a>   )  

//如何刷新另一个框架的页面用   
[javascript] view plain copy print?
<script language=JavaScript>  
   parent.另一FrameID.location.reload();  
</script>  

如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。

jquery方法

1
2
3
4
5

$(location).attr('href', 'http://www.jb51.net');

$(window).attr('location','http://www.jb51.net');

$(location).prop('href', 'http://www.jb51.net')

皇经到处鬼敬神钦 切须净手诵必真心

士农工商业 应知此方针 降笔千秋在 皇经万古流

（正文上段）

恭请 圣源觉真经 志心皈命礼 (三称)

九天玉皇公 人皇氏圣人 舍身堵北缺 代存万众生

万众大恩典 功德无量深 生平心仁义 性行道德深

刻已代众生 救世功德成 灵魂万年显 天日永保留

万教拜帝心 大仁大义成 精神在九天 心仍救世存

上天为帝主 劝善天下人 帝命大白星 星君下凡尘

奉旨降笔写 分为三段经 上中下三节 一切皆降笔

原文用白话 五字成圣经 名称圣源觉 即是玉皇经

孝悌兼忠信 礼义及廉耻 玉皇大帝心 道行八种礼

圣文传凡世 诵念神鬼钦 老少诵奉行 万事皆清平

天下分三界 由帝手判公 目视如电闪 不得漏毫分

左右两旁立 慈苦大法童 生平自割肉 贫为药济穷

身佩七宝带 无极变化通 手执双宝剑 拥护玉皇公

南斗北斗星 玉皇用大臣 凡间生死事 两尊星君分

五雷大将军 声威震西东 镇兵千百万 一切协天兵

五教道教理 仁慈道德心 五教皆平等 一切皈命礼

九重天外圣 地中五岳神 一切听号令 万方土地遵

圣源觉真经 日月星同存 经文动天日 正气万古留

万教经中宝 无极最上经 能超凡入圣 可超度亡人

玉皇威灵显 仁义道德心 日仁义昭月 道德天同存

解化千万劫 超度万众生 一切救世心 普救众生存

上中下圣文 万教经中源 神圣佛仙道 传教第一遍

真心诵皇经 福神到家庭 早晚焚香念 出入多贵人

上段圣源觉 常念化灾星 诸仙佛法大 拥护诵皇经

诵毕用三拱手礼

（正文中段）

中段圣源觉 上天消息文 天地降帝生 就是玉皇公

玉皇大帝名 人人称天公 生平动天日 万教皆遵从

金阙正殿坐 总管善恶文 头戴金皇冠 身穿金龙袍

体高丈二尺 眉目清秀幼 五子须端正 庄严是天然

大慈大悲心 变出圣源觉 略说上天理 人人皆未明

宇宙大空中 变化万星球 亿亿里一只 人物无一定

每球皆不等 有时破裂分 银河更加远 将近九天门

上天无早晚 时时皆光明 只见太阳光 照耀万星球

地球在中间 凡尘在地球 一切天变化 个个有帝名

天下文明世 万教各众神 一切法力大 可过外星球

外球说不尽 天气物不同 无非有道德 可住万星球

天地变化生 皆由上空中 上天一切事 玉皇手中分

太阳日光照 照耀众生存 阴阳循环转 变化日日新

月星众生宝 天气众生根 慈云降甘雨 由帝各星辰

寒来暑往气 春夏秋冬时 一年四季节 方便耕种分

凡间混沌开 人兽混草木 夺食其肉血 赤身露体宿

其世无知耻 亦无亲属分 只是未开化 一切乱行为

帝慈心不忍 即命各星宿 下凡再出世 教人开化心

古时到现今 历代创造人 一切帝王侯 及且领导人

上天各星宿 皆是帝降生 国家兴亡运 代代由帝分

九天威灵显 至今救世存 一片大慈悲 勿听异说求

家中安玉皇 必遵圣源觉 心须行仁义 性要道德存

国家百般律 勿犯规矩方 勤劳增生产 玉皇最喜欢

信仰圣源觉 保佑自己身 在家或出外 事事定联陞

经中法语正 降神驱鬼语 妖魔必下拜 诸邪定潜逃

皇经存家中 可避诸邪祟 镇宅及压煞 洁净保留存

中段圣源觉 一切降福临 玉皇心慈善 有求皆必应

诵毕用三拱手礼

（正文下段）

下段圣源觉 玉皇天理经 慈善并仁义 勤学记在心

每日念一转 运限定光明 玉皇行仁义 多诵五福临

杀身成仁性 舍身取义心 孔孟留句话 须当访圣人

男女少年人 细心听圣经 勤学圣贤话 荣华必护身

父母生我身 长大须成人 为子须孝顺 孝顺敬天日

双亲最大恩 本身为天日 倘若骂爷娘 只是逆天日

贰拾肆孝贤 存留在上天 古人行孝顺 孝顺感动天

共住勿异心 父慈子孝顺 兄宽弟忍和 百福此推寻

静座思己过 勿谈闲事非 说人过量话 自然有天理

言多必有失 出口勿伤人 若不养心性 定遭苦难寻

平风作波浪 无形生事非 使人伤心恨 凶星祸悬眉

高声说话丑 谨戒恶言语 毒骂或发誓 皆是报自己

性烈多事件 祸难百般有 仇敌定重重 切须再三忍

口角与讼事 胜败皆空虚 忍气留财福 凡事天必知

性善人人钦 宽和万事成 原谅是仁义 自戒性烈心

天理圣源觉 劝善世上人 仁义道德全 人生主要根

米麦豆薯粟 人生重要物 不可乱消耗 须念来不易

粥饭人生命 无食不生存 虽然土上生 须念生长难

畜生亦如此 不可多杀生 有理必要用 方可杀生命

无理乱消耗 上天有罪名 万物天地变 多耗必有折

善恶无形影 视之亦无纵 吸之无别味 虚空过往有

玉皇恩爱深 句句劝人心 爱民如爱己 天无两样心

人生在世间 谨守为最先 若不从正业 差错在眼前

嫖赌自贱身 财帛天数定 家和为第一 勤劳值千金

痴心狂赌难 倾家又荡产 诵念早日改 妻儿乐团圆

人人虽有过 知者须改心 一切已差错 须当教子孙

经中行道德 人生要将心 凡事将心念 万事福自寻

将心人为本 立身孝顺心 上天循环理 不将事难成

为人不将心 不将害本身 一切祸难有 罪恶自己寻

结交须大义 共事勿私心 凡事利己念 心高误本身

福不在财多 财多不是福 福在子孙贤 子孙贤是福

荣华富贵家 不可自夸华 骄傲多薄福 心仁福增加

奢华是枝花 不如多施舍 善有善来报 天增是豪华

穷人勿灰心 心灰事难成 勤俭守本份 富贵必轮流

烂茅一般级 福在自己修 身中无寸土 只要心德修

善事无妨做 恶事早改修 贫苦有善念 天须化贵人

生平无愧恶 神钦鬼敬扶 行为心德正 万教尽皆通

修桥施路功 良药济贫穷 常作大善事 定为动天公

为善最安乐 为恶天不容 过去有不法 结果如何休

生平有愧恶 切须改善心 若不早日改 鬼祟必缠身

行为无良心 贪心烦恼有 奸刁终害己 早改得自由

天地变化人 善恶出在心 善事门户福 恶者罪状深

男女向前程 保守好光阴 在世仁为本 子孙孝顺心

恶者心不仁 有过改维新 前途事业远 须防退步身

狼毒枭恶心 差错自改修 暗中用计较 必遭天理寻

糊行罪万般 谋为事事难 妻离及子散 子逆做人难

天地循环理 罚罪一世为 急急回心改 阴功早日修

勿为天聋哑 报应或早迟 赏善罚罪恶 时时记在心

经中照天理 诵后须保存 图书再刻版 扶持万古留

皇经传天下 教人道德存 救世天必见 劝善大有功

积善之家庭 上天降吉祥 玉皇增福寿 子孙世代昌

百本传刻印 谋为贵人扶 三五百本印 小人久病除

千本印刻者 荣华代代存 合群印皇经 积福到家门

印经或抄写 皆是作阴功 玉皇心仁义 不亏施经人

乐助发善心 福寿定延龄 施经种福田 恶煞不侵身

一生念千遍 凡谋皆吉祥 一生念皇经 百年升天堂

玉皇心印经 变成圣源觉 人人亦可念 天增福寿长

玉皇大天尊玄穹高上帝(三称)

诵毕用三拱手礼