使用JavaScript更改描述的HTML鏈接

我正在設計一個網站，其中側欄上有鏈接。我需要鏈接才能夠更改網站本身的內容，而不是鏈接到其他頁面。該網站變得非常大，這是我努力保持它的小。任何幫助將不勝感激。使用JavaScript更改描述的HTML鏈接

這是我對這些鏈接的代碼;我需要改變subLink div的描述。

<div id="sidebarLinks"><!-- USE THIS DIV SECTION FOR A LIST WITH BULLET POINTS --> 
    <ul> 
     <li style="line-height: 35px"><a href="index.html"><strong><em>Main Page</em></strong></a></li> 
     <li style="line-height: 35px"><a href="construction.html#bottom">Construction</a></li> 
      <ul id="subList"> 
       <li style="line-height: 35px"><a href="#">HOME MECHANICS</a></li> 
       <li style="line-height: 35px"><a href="#">BUILDING CONSTRUCTION 1</a></li> 
       <li style="line-height: 35px"><a href="#">BUILDING CONSTRUCTION 2</a></li> 
      </ul> 
     <li style="line-height: 35px"><a href="drafting.html#bottom">Drafting</a></li> 
     <li style="line-height: 35px"><a href="electronics.html#bottom">Electronics</a></li> 
     <li style="line-height: 35px"><a href="graphic.html#bottom">Graphic arts </a></li> 
     <li style="line-height: 35px"><a href="Manufacturing.html#bottom">Manufacturing</a></li> 
     <li style="line-height: 35px"><a href="project.html#bottom">Project Lead the Way</a></li> 
     <li style="line-height: 20px"><a href="transport.html#bottom">Transportation, Distribution, & Logistics</a></li> 
     <li style="line-height: 35px"><a href="woodworking.html#bottom">Wood Working</a></li> 
    </ul> 
</div>

來源

2014-02-27 Jake

我沒有得到它「我需要能夠改變網站上的輸出」和「一個類的說明」..？！ –

'我需要改變子鏈接div'到什麼？我甚至沒有看到「subLink div」。你已經嘗試了什麼？ –

對不起，我在網站上的可憐的措辭有一個描述區域，我希望能夠改變描述是什麼，而無需更改網頁 – Jake

如果我得到它的權利 - 你要動態地改變點擊列表項目後的一些內容？

如果是這樣的：有幾個方式做到這一點

1）你可以聲明一些div元素，並觸發onclick事件後更改其內容（您填寫的.html（）使用jQuery或.innerHTML屬性（）用帶有HTML定義的字符串純Javascript）。

2）您可以使用AJAX將一些html頁面加載到您準備好的div中。

如果要將新頁面加載到頁面中，則選項2）是您正在查找的內容。

來源

2014-02-27 15:09:26 OutOfSpaceHoneyBadger

假設全部內容被放在一個div像

<div id="container"> 
    Your content here 
</div>

，讓你的鏈接調用一個地方這就是所謂的功能，例如

function changeThings(url){ 
    $("container").load(url,callback) 
}

而且你的鏈接會像

<a onclick='changeThings("drafting.html#bottom")' >Drafting</a>

來源

2014-02-27 15:11:24 Fibonacci

如果您想要爲所有頁面使用相同的結構，那麼您可以使用ajax根據外部文件中的頁面修改div的內容。 http://www.w3schools.com/Ajax/

如果結構也會發生變化，那麼您可以在一個頁面中開發所有頁面，並在點擊鏈接時顯示和隱藏各個div。我們稱這些類型的網站爲單頁網站。

來源

2014-02-27 15:13:31

使用JavaScript更改描述的HTML鏈接

回答

相關問題