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

最新推荐文章于 2024-09-29 15:49:41 发布

zhouranlovesmile

最新推荐文章于 2024-09-29 15:49:41 发布

阅读量5.8w

点赞数 4

本文链接：https://blog.csdn.net/zhouranlovesmile/article/details/68936984

版权

如何在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>