双击页面跳转事件

最新推荐文章于 2023-10-06 19:32:40 发布

米米余

最新推荐文章于 2023-10-06 19:32:40 发布

阅读量2.5k

点赞数 1

分类专栏：编程总结文章标签：双击效果跳转页面

本文链接：https://blog.csdn.net/qq_37017864/article/details/71597811

版权

编程同时被 2 个专栏收录

27 篇文章 0 订阅

订阅专栏

总结

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
    <link href="reference/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <script src="reference/bootstrap/js/jquery-3.1.0.min.js" type="text/javascript"></script>
    <script src="reference/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
<table class="table table-bordered table-responsive" id="table" style="width: 400px">
    <thead>
    <tr>
        <th>一</th>
        <th>二</th>
        <th>三</th>
    </tr>
    </thead>
    <tbody class="tableBody">
    <tr>
        <td>one</td>
        <td>two</td>
        <td>three</td>
    </tr>
    <tr>
        <td>four</td>
        <td>five</td>
        <td>six</td>
    </tr>
    </tbody>
</table>
</body>
<script>
    $(function () {
        var trRow=document.getElementsByClassName("tableBody");
        var tr=$(trRow).find("tr");
        tr.dblclick(function () {
        //所要跳转地页面url，在大型项目中，要跳转的url就是API
            window.location.href = "http://localhost:8080/2.html";
        });
    });

</script>
</html>