如何使用js跳转代码

javascript常用的页面跳转方法为:

window.location.href=some_url;

下面举例演示点击按钮后,延迟3秒跳转页面:

1、HTML结构

2、javascript代码

functionfun(){

setTimeout(function(){

window.location.href="

},3000);

js中有哪些方式可以实现页面的跳转

1、改变当前页面的url实现跳转:例如

window.location="

2、在当前窗口打开新页面也可以实现页面跳转:

window.open("

",'_self');

JS跳转大概有以下几种方式: 第一种:(跳转到b.html)

 <script language="javascript" type="text/javascript">window.location.href="b.html";</script>

第二种:(返回上一页面)

 <script language="javascript">window.history.go(-1);</script>

第三种:

 <script language="javascript">window.navigate("b.html");</script>

第四种:

 <script language="JavaScript">self.location=’b.html’;</script>

第五种:

 <script language="javascript">top.location=’b.html’;</script>

页面传值:
第一个页面

 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><SCRIPT LANGUAGE="JavaScript">function test(){var s = document.getElementById("txt");location.href="test2.html?"+"txt="+encodeURI(s.value);}</SCRIPT><body><input type="text" id="txt"></br><input type="button" value="TEST" onclick="test()"/></body></html>

第二个页面

 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><script language="javascript" type="text/javascript">var loc = location.href;var n1 = loc.length;//地址的总长度var n2 = loc.indexOf("=");//取得=号的位置var id = decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容alert(id);//document.write(id)</script></body></html>

js跳转(js跳转网页)相关推荐

  1. jq实现跳转404跳转,原生js实现跳转404跳转

    2019独角兽企业重金招聘Python工程师标准>>> //jq实现跳转404跳转     <script>      function timeGo() {       ...

  2. button按钮跳转JS代码

    button按钮跳转JS代码 <input type="button" οnclick="javascript:window.location.href='Modi ...

  3. php 跳转历史页面,js不记录页面跳转历史的解决方法

    js不记录页面跳转历史的解决方法 在实际工作中,我们会遇到一个页面中有几个tab切换标签,tab切换是修改了浏览器地址",tab切换是默认记录到历史的.因此我们点击返回按钮的时候,不停的在几 ...

  4. 在React.js中执行反跳

    本文翻译自:Perform debounce in React.js How do you perform debounce in React.js? 您如何在React.js中执行反跳? I wan ...

  5. Three.js 学习笔记 - 给跳一跳小游戏添加光源,阴影

    一. 修改物体材质 接着上一篇的项目,在上一篇中物体的材质都是用的MeshBasicMaterial这种材质,这种材质是不受光照的影响的,所以要修改成MeshPhongMaterial这种材质,让它受 ...

  6. js中的循环(跳过(continue)和中断执行(break))

    js中的循环(跳过(continue)和中断执行(break)) js循环中可以在循环时是可以中断后续执行和跳过的 看下面这个栗子 //计算1~100之间的和 //我们没有学习过循环之前,使用的做法, ...

  7. php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码

    摘要 腾兴网为您分享:PHP页面跳转 Js页面跳转代码,自动刷宝,中信金通,携程抢票,未来屋等软件知识,以及沃金汇,沃行讯通,securecrt.exe,我的世界变形金刚mod,一票通,农场小分队,手 ...

  8. js关闭当前页面跳转新页面

    页面代码: 1 <p class="info"><span style="font-weight: bold">所属项目:</sp ...

  9. JS判断搜索引擎来路跳转代码:

    JS判断搜索引擎来路跳转代码: var regexp=/\.(sogou|soso|baidu|google|youdao|yahoo|bing|118114|biso|gougou|ifeng|iv ...

  10. JS——input输入内容跳转百度搜索

    废话不多说,贴上代码!! <!DOCTYPE html> <html> <head><meta charset="utf-8">&l ...

最新文章

  1. Windows 10下编译安装Hadoop2.6
  2. 关于Hibernate中的Configuration
  3. Asp.net(C#)动态生成表格中的按钮和事件响应
  4. delphi 异步 调用 带参数_如何在 Spring 异步调用中传递上下文
  5. 【NOIP2000】【vijos1347】乘积最大
  6. andriod连接mysql测试工具,Android数据库调试工具
  7. java混淆加密_源代码部分加密混淆方案
  8. 用USBISP/USBasp编程器给Atmega328P下载Arduino bootloader引导程序
  9. 学校源码php,闪灵CMS学校建站系统(含小程序) v5.0 bulid20200319_php免费源码
  10. 物联卡代理商究竟如何选择?51物联卡告诉你正确答案
  11. 大话谈VUE之export const
  12. 澳门上葡京综合度假村冬季献礼迎佳节
  13. c语言编码任务描述,C语言委派任务问题代码及解析
  14. halcon中的分水岭算法讲解以及作用和实例
  15. PLC增减计数器示例
  16. Android程序员在大厂工作是什么体验?
  17. 职业生涯规划中的刺猬理念
  18. Android 虚拟机与类加载机制
  19. EVP 签名和校验 Signing and Verifying
  20. 一次性修改AD原理图中元器件PCB封装库路径

热门文章

  1. 好压 cmd命令行压缩一个文件夹内或子文件夹的指定文件
  2. android zxing 集成过程,android 集成Zxing教程
  3. Android开发时包名、签名、渠道和版本号的易坑点(转)
  4. Python 绘图框架 MatplotLib 笔记(一)
  5. ElasticSearch的IK中文分词器
  6. 超链接做按钮 禁止跳转 submit 或 location 导致 return false 不起作用
  7. Oracle PDB save state
  8. 利用激光强度信息进行SLAM
  9. 实例132带参数的Command命令:OledbParameter
  10. Linux?Mac?Windows?