您的位置：首页 > Web前端 > JQuery

jQuery如何跳转到另一个网页就这么简单

2017-03-31 22:36 225 查看

如何在jQuery中跳转到另外一个网页HTML。

其实下面我列举的几种方法也不一定都是用jQuery，也有的使用了Javascript的原生的方法，所以也算是前端跳转的一个总结吧。

我们可以利用http的重定向来跳转

window.location.replace("http://www.jb51.net");

使用href来跳转

window.location.href = "http://www.jb51.net";

使用jQuery的属性替换方法

$(location).attr('href', 'http://www.jb51.net');
$(window).attr('location','http://www.jb51.net');
$(location).prop('href', 'http://www.jb51.net')附一个完整测试示例代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WindowDialog.aspx.cs" Inherits="AspNetPagerDemo.WebForm2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="Scripts/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
function WindowDialog1()
{
window.location.href = "http://www.baidu.com";
}
function WindowDialog2(id)
{
window.location.replace("http://www.weibo.com" +"?Id="+id);
}
function WindowDialog3()
{
$(location).attr('href', 'http://www.weibo.com');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul>
<li>
<a herf="#" onclick ="WindowDialog1()">润滑管理</a>
</li>
<li>
<a herf="#" onclick ="WindowDialog2(<%=strID%>)">台账管理</a>
</li>
<li>
<a id="a3" onclick ="WindowDialog3()">设备管理</a>
</li>
<li>
<a href="http://www.weibo.com?Id=<%= strID %>">故障管理</a>
</li>
</ul>
</div>
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

jQuery如何跳转到另一个网页 就这么简单

jQuery如何跳转到另一个网页就这么简单