javascript跳转,javascript跳转至本页面

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如何使用js跳转代码

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

window.location.href = some_url;

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

1、HTML结构

input type='button' value='延迟3秒跳转到百度首页' onclick="fun()"/

2、javascript代码

function fun(){

setTimeout(function(){

window.location.href = ""

},3000);

}

3、演示效果：

相关问答

Q1: js的几种跳转有什么区别？

这是最常见的一种转向方法;HyperLink控件1. Asp.net 服务器端控件属性NavigateUrl指定要跳转到的Url地址2. NavigateUrl是可以在服务器端使用代码修改，这个区别于a3. 由于HyperLink本身没有事件所以要在服务器端其它事件中设置NavigateUrl4. 代码示例Asp:HyperLink id=”hyperlink” runat=”server” NavigatoeUrl=”test.aspx”ok/Asp:HyperLink Response.Redirect()方法1.过程：发送一个Http响应到客户端，通知客户端跳转到一个新的页面，然后客户端再发送跳转请求到服务器端。2.页面跳转之后内部控件保存的所有信息丢失，当A跳转到B，B页面将不能访问A页面提交的数据信息。3.使用这个方法使用这个方法跳转后浏览器地址栏的Url信息改变4.可以使用Session Cookies Application等对象进行页面间的数据传递5.重定向操作发生在客户端，总共涉及到两次与Web服务器的通信：一次是对原始页面的请求，另一次是重定向新页面的请求 Server.Transfer()方法1.实现页面跳转的同时将页面的控制权进行移交2.页面跳转过程中Request Session等保存的信息不变，跳转之后可以使用上一个页面提交的数据3.跳转之后浏览器地址栏的Url不变4.这种方法的重定向请求是在服务器端的进行的，浏览器不知道页面已经发生了一次跳转 Server.Execute()方法1.该方法允许当前页面执行同一个Web服务器上的另一个页面2.页面执行完毕之后重新回到原始页面发出Server.Execute()的位置。3.这种方式类似针对页面的一次函数调用被请求的页面可以使用原始页面的表单数据和查询字符串集合4.被调用页面的Page指令的EnableViewStateMac属性设置为False

Q2: JS实现页面跳转的几种方式

1、直接跳转加参数

script language="javascript" type="text/javascript"

window.location.href="login.jsp?backurl="+window.location.href;

//或者

window.location.href='';

/script

2、返回上一次预览界面

script language="javascript"

alert("返回");

window.history.back(-1);

//标签嵌套：

a href="javascript:history.go(-1)"返回上一步/a

a href="%=Request.ServerVariables("HTTP_REFERER")%"返回上一步/a

/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.aspx';

/script

6、按钮式在button按钮添加事件跳转

input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'"

7、在新窗口打开

　a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')"开新窗口/a

Q3: javascript实现页面跳转功能，参数怎么传递？

1.设置url

// 设置当前urlvar list_url = '/document/order/default.php?page=' + page_nums + ''+ $("#form1").serialize();var e_list_url = encodeURIComponent(list_url);$("#list_url").val(e_list_url);

2.传递url

var list_url = $('#list_url').val();

window.location.href='/document/order/view.php?order_id='+order_id+'action=edithandler=adminlist_url='+list_url;

3.解析url并跳转

var list_url = '?php echo $list_url;?';

d_list_url = decodeURIComponent(list_url);window.location.href = d_list_url;

这样就能实现，参数不丢失了。主要就是页码和筛选条件。

纯js页面跳转要传复杂数据不好做，要用localStorage，这个东东在各浏览器中是不一样的。

比较好的方法就是，在跳转链接中加上一些标志参数，如对象ID之类，直接由服务器生成新页面内容或者转到新页面后由页面从服务器重新ajax取数据。

Q4: 如何使用JavaScript实现按钮跳转页面功能？

javascript中的location.href有很多种用法，主要如下:

self.location.href="/url" 当前页面打开URL页面