Loading

JS实现将所有超链接指向同一个页面地址

在有的营销网站页面上,我们会发现,网站上有很多的超链接,无论我们点击哪个超链接,它都是指向同一个页面地址,这种是如何做到的呢?

我们可以通过JS来达到这个效果,方法可能有很多种,这里我只介绍其中的一种。

实例代码 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS实现将所有超链接指向同一个页面地址</title>
</head>

<body>
    <div>
        <ul>
            <li><a href="">百度一下,你就知道了</a></li>
            <li><a href="">新浪微博</a></li>
            <li><a href="">腾讯QQ</a></li>
            <li><a href="">奇虎360</a></li>
        </ul>
    </div>
    <script>
        var aDom = document.getElementsByTagName('a');
        for (var i = 0; i < aDom.length; i++) {
            //改变指向地址
            aDom[i].href = "https://www.ewbang.com";
            //改变打开方式
            aDom[i].target = "_blank";
        }
    </script>
</body>

</html>

posted @ 2021-07-07 05:28  Roc-xb  阅读(48)  评论(0)    收藏  举报

易微帮源码


易微帮官网