原生列表页跳转到详情页的渠道

最新推荐文章于 2024-05-23 15:14:10 发布

原创最新推荐文章于 2024-05-23 15:14:10 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

h5 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一个简单的网页示例，展示了如何通过JavaScript和jQuery实现网页元素的点击事件处理及页面间的数据传递。通过分析代码，可以了解基本的HTML结构、内联事件处理以及外部JavaScript文件的引用方式。

<body>
    <a href='www.baidu.com' id='id1' onclick='dian(this)'>请点击我</a>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script>
        // 1 事件点击跳转
        function dian(obj) {
            alert(obj.id);
            alert(obj.href);
        }

        //2 获取链接所点击的id，并得到详情页数据
        var currentUrl = window.location.href; //获取当前链接 
        var arr = currentUrl.split("?id="); //分割域名和参数界限  
        var newsId = arr[1];
        showDetail(newsId);

        // 3 拼接  <a href='Detail.html?Id="+val.id+"'>

    </script>
</body>