如何在Javascript中使用HTML锚（A）标记

我正在尝试创建一个选项卡式页面。我有以下代码

<div class="profile">
    <div class="profileHR" onclick="load(this)">
        <a href="<c:url value="/secure/profileLink.htm"/>?show=changePassword"
                        target="iframeProfile">Change Password</a>
    </div>
    <div class="profileHR">
        <a href="<c:url value="/secure/profileLink.htm"/>?show=setupHours"
                        target="iframeProfile">Setup Business Hours</a>
    </div>
    <div align="center" class="profileContent">
        <iframe name="iframeProfile" src=""></iframe>
    </div>
</div>

---

当我点击锚点时，url被转发到iframe。但我希望能够单击div class=“profileHR”上的任何位置，它应该转发到iframe url。因此，我试图为div编写一个javascript onclick事件，但是如何在javascript中模拟锚定事件呢？

为什么不用锚定来包装div呢

而不是

拥有这个：


不需要javascript或其他任何东西。
我更喜欢onClick事件

<div class="profile">
    <div class="profileHR" onclick="load(this); changeIFrame(/*whateverinfoyouneed*/);">
        Change Password
   </div>
   <div class="profileHR" onclick="changeIFrame(/*whateverinfoyouneed*/);">
        Setup Business Hours
    </div>
    <div align="center" class="profileContent">
        <iframe name="iframeProfile" src=""></iframe>
    </div>
</div>


修改密码
设置营业时间

一些内容

应该可以工作
这可以使用css3完成

下面是一些链接，其中包含有关创建此应用程序的示例和教程


据我所知，你只是想用一个链接更改iFrame的URL，对吗？你有没有在CSS中尝试过
a
元素的
display:block
？@DavidThomas，你的建议奏效了。感谢lotI尝试了这一点，但是eclipse说在这一行找到了多个注释：-标记（div）的位置无效。虽然它的工作方式我想要它的问题是，我不能风格的方式，我想装饰一个元素。我实际上是在创建标签
<a href=somelink#frameID>whatever</a>
some content
<iframe id=frameID></iframe>