如何在Javascript中使用HTML Anchor（A）標簽

Question

我正在嘗試創建一個選項卡式頁面。 我有以下代碼

<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>

當我點擊錨點時，網址會轉發到iframe。 但是我希望能夠在div class =“ profileHR”上的任意位置單擊，並且應該轉發到iframe網址。 所以我試圖為div編寫一個JavaScript onclick事件，但是如何在JavaScript中模擬錨事件？

Answer 1

為什么不只用<a>錨將div包裝起來？

代替<div> ... <a> </a> </div>具有以下功能：
<a><div> ... </div></a>

不需要javascript或如此。

Answer 2

我更喜歡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>

Answer 3

<a href=somelink#frameID>whatever</a>
some content
<iframe id=frameID></iframe>

應該管用

Answer 4

這可以使用css3來完成

這是有關創建此示例和示例的一些鏈接

http://www.marcofolio.net/css/sweet_tabbed_navigation_using_css3.html

http://speckyboy.com/2010/03/15/15-css3-navigation-and-menu-tutorials-and-techniques/