Javascript 从div生成ahref

我有一个部门如下：

        <div class="slide_items">
            <div class="slide_item"><a href="/url"><img src="image"/></a></div>
            <div class="slide_title"><a href="/url">title</a></div>
        </div>

我想做的是，而不是在

幻灯片中的每个项目中都有URL\u items

div。我希望用户单击

。我希望

slide\u项目

可以作为div本身单击，而不是在每个内部div中都添加一个href

我该怎么做

您可以添加

onclick=“window.open（'google.com'）”

事件来模拟指向div的链接

如果希望整个div显示为链接，则需要更改光标。将

style=“cursor:hand；cursor:pointer；”“

也添加到您的div中。

您可以添加

onclick=“window.open（'google.com'）”

事件来模拟指向您的div的链接

---

如果希望整个div显示为链接，则需要更改光标。将

style=“cursor:hand；cursor:pointer；”“

也添加到您的div中。

您可以将

onclick

属性添加到

div

：

<div class="slide_items" onclick="location.href='/url';" >
    <div class="slide_item"><img src="image"/></div>
    <div class="slide_title">title</div>
</div>

标题

您可以将

onclick

属性添加到

div

：

<div class="slide_items" onclick="location.href='/url';" >
    <div class="slide_item"><img src="image"/></div>
    <div class="slide_title">title</div>
</div>

标题
正确的方法是使用单个链接（但将内部元素更改为
span
以确保有效性）


如果你必须走div路，那么使用

<div class="slide_items" data-href="/url">
    <div class="slide_item"><img src="image"/></div>
    <div class="slide_title">title</div>
</div>

正确的方法是使用单个链接（但将内部元素更改为
span
以确保有效性）


如果你必须走div路，那么使用

<div class="slide_items" data-href="/url">
    <div class="slide_item"><img src="image"/></div>
    <div class="slide_title">title</div>
</div>

css:


重定向在JSFIDLE中不起作用，但它应该适合您

css:


重定向在JSFIDLE中不起作用，但它应该适合您。
您可以使用一些简单的javascript来完成此操作

使用onclick（）事件

所以你的HTML代码看起来像

<div class="slide_items">
            <div class="slide_item" onclick="function1()"><img src="image"/></div>
            <div class="slide_title" onclick="function2()">title</div>
        </div>

根据您的需要，可以通过多种方式执行代码，如果您只想重定向到另一个div，请使用
显示
属性，在
无
和
块
之间交替使用，此处有更多参考

如果要重定向到另一个站点，可以使用

window.open("your url")

您可以使用一些简单的javascript来完成这项工作

使用onclick（）事件

所以你的HTML代码看起来像

<div class="slide_items">
            <div class="slide_item" onclick="function1()"><img src="image"/></div>
            <div class="slide_title" onclick="function2()">title</div>
        </div>

根据您的需要，可以通过多种方式执行代码，如果您只想重定向到另一个div，请使用
显示
属性，在
无
和
块
之间交替使用，此处有更多参考

如果要重定向到另一个站点，可以使用

window.open("your url")

如果你想让它说：点击这里进入网站：

<div>

<a href="YOUR PAGE HERE!">Click here to enter my site!</a> 

</div>

如果你想让它看起来像是：点击这里进入网站：

<div>

<a href="YOUR PAGE HERE!">Click here to enter my site!</a> 

</div>


请注意，这将删除功能，如中键/右键单击链接等。请注意，这将删除功能，如中键/右键单击链接等。
window.open("your url")

<div>

<a href="YOUR PAGE HERE!">Click here to enter my site!</a> 

</div>