Javascript 如何使整个div可单击_Javascript_Html

Javascript 如何使整个div可单击

javascript html

Javascript 如何使整个div可单击,javascript,html,Javascript,Html,基本上我所做的是，我已经在after effects中做了一个网络广告，我想把它放在HTML中，如果用户点击我的广告，他们会被带到你选择的一个同伴网站。所以我希望它所在的整个div都可以点击，并且可以链接到另一个站点。使用javascript  <meta charset="UTF-8" /> <title>Bodymovin Demo</title> <!-- Styles--

基本上我所做的是，我已经在after effects中做了一个网络广告，我想把它放在HTML中，如果用户点击我的广告，他们会被带到你选择的一个同伴网站。所以我希望它所在的整个div都可以点击，并且可以链接到另一个站点。使用javascript



    <!-- Meta -->
    <meta charset="UTF-8" />
    <title>Bodymovin Demo</title>

    <!-- Styles-->
    <style>
        #bm{max-width: 970px:margin: 0 auto;}
     </style>

</head>
<body>

    <div id="bm"></div>





    <!-- Scripts -->
    <script src="lottie.js"></script>
    <script src="anim.js"></script>


Bodymovin演示
#bm{最大宽度：970px:边距：0自动；}

预期的结果是，一旦你点击网络广告，你就会被引导到另一个网站。

将其放入锚定标签中

<a href="link"> 
    <div id="bm"></div> 
</a>

只需在div上创建一个onclick函数。只要在div内单击，就会调用该函数

函数a（）
{
console.log（“单击Div”）
}

#bm{
最大宽度：970px：边距：0自动；
}

dfsfsdfsd sdfsd sdfsd fsd fs dfsd

您可以使用以下Javascript：

<script>
    const adv_div = document.querySelector('#bm');
    const adv_url = 'https://www.google.com';
    adv_div.addEventListener(
        'click',
        () => {
            window.open(adv_url);
        }
    );
</script>

您可以在div上添加

onclick=“

方法并触发事件（如链接到另一个站点），因为您的情况应该是

onclick=“window.location.href=”http://yourwebsite.com“

有人对这个答案投了反对票，尽管肯定比依赖JavaScript要好。我没有投反对票，但我需要java脚本，因为它是作业的一部分。哦，这是作业问题！！！正确，我为这一混乱道歉

#bm {
    cursor: pointer;
    max-width: 970px;
    margin: 0 auto;
}