JS跳转几种方式

向右看齐 2023-09-23 18:39 118阅读 0赞

<h2>如何使用js跳转代码</h2>  
<p>javascript常用的页面跳转方法为：</p>  
<p>window.location.href=some\_url;</p>  
<p>下面举例演示点击按钮后，延迟3秒跳转页面：</p>  
<p>1、HTML结构</p>

<p>2、javascript代码</p>  
<p>functionfun()\{</p>  
<p>setTimeout(function()\{</p>  
<p>window.location.href="</p>  
<p>\},3000);</p>

<h2>js中有哪些方式可以实现页面的跳转</h2>  
<p>1、改变当前页面的url实现跳转：例如</p>  
<p>window.location="</p>  
<p>2、在当前窗口打开新页面也可以实现页面跳转：</p>  
<p>window.open("</p>  
<p>",'\_self');</p>  
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" οnclick="test()"/>  
  
</body>  
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，118人围观）

还没有评论，来说两句吧...

相关阅读

相关 js实现页面跳转的几种方式

第一种： <script language="javascript" type="text/javascript">

Dear 丶/ 2024年02月17日 15:10/ 0 赞/ 58 阅读

相关 JS跳转几种方式

<h2>如何使用js跳转代码</h2> <p>javascript常用的页面跳转方法为：</p> <p>window.location.href=some\_url;<

向右看齐/ 2023年09月23日 18:39/ 0 赞/ 119 阅读

相关 js页面跳转常用的几种方式

第一种：复制代码代码如下: <script language="javascript" type="text/javascript"> window.

布满荆棘的人生/ 2022年08月06日 05:15/ 0 赞/ 246 阅读

相关 js 自动读秒跳转几种方式

<!--setTimeout和setInterval区别：setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只

Bertha 。/ 2022年06月15日 12:29/ 0 赞/ 188 阅读

相关 JS页面跳转和刷新的几种方式

1、跳转常用方法： window.location.href="index.php"; window.history.back(-1);//类似于按钮，

清疚/ 2022年06月08日 06:15/ 0 赞/ 290 阅读

相关 springMVC 几种页面跳转方式

原文地址：[点击打开链接][Link 1] 前面已经了解了Controller的几种配置方式今天主要写一下响应界面跳转的几种方式 1.在注解的方式中

落日映苍穹つ/ 2022年05月20日 05:24/ 0 赞/ 303 阅读

相关 JS跳转大概有以下几种方式

第一种：(跳转到a.html) <script language="javascript" type="text/javascript"> window.locatio

系统管理员/ 2022年01月31日 06:45/ 0 赞/ 176 阅读

相关 springMVC 几种页面跳转方式

1.在注解的方式中 1.1通过HttpServletResponse的API直接输出（不需要配置渲染器） > controller类的主要代码 @Cont

你的名字/ 2021年12月24日 09:39/ 0 赞/ 505 阅读

相关几种页面跳转的方式

页面跳转 1. 用<a>标签<a href=""></a> 2. 用window.location.href="" window.location=""

我会带着你远行/ 2021年12月18日 05:57/ 0 赞/ 468 阅读

相关 js页面跳转常用的几种方式

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

拼搏现实的明天。/ 2021年09月16日 05:58/ 0 赞/ 461 阅读