如何鏈接HTML部分？

我在網頁設計和HTML，JS，CSS方面略有新意。如何鏈接HTML部分？

- 我創建了一個基本的頁眉，導航欄，圖像滑塊和基本sections.Home頁面看起來像這個atm; http://i65.tinypic.com/98a4gh.jpg

我想開「程序」部分與我複製代碼只是同header.So一個空白頁，並創建了一個新的HTML文件，並將其鏈接爲「程序」;

<li><a href="example.html#section1" class="sec" name="section1">Programs</a></li>

你知道它會打開一個新的HTML文件與空體相同的標籤（「example.html的＃SECTION1」包含一個空體）（http://i68.tinypic.com/dorzfk.png）

的問題是; 是否可以創建該部分的直接鏈接（使用任何語言）？。我的意思是它不應該使用新的html文件或iframe。我花了很多時間進行搜索，但我想我無法正確搜索它。 T_T

來源

2016-01-08 Slevin Forbes

我想你想看看什麼是使用AJAX或角加載部分HTML內容的頁面，然後注入代碼進入你的主容器節點。 – Quantastical

您希望Google的搜索字詞是「html partials」 – Korgrue

搜索「html模板語言」可能適用於您需要的內容 –

-1

當然有一種方法可以從頭開始使用JavaScript。像這樣的東西;

How to use a link to call JavaScript? 會是一個很好的開始。

我確實想要插入我的兩個分錢，這將看看像引導程序和/或基礎的框架，其中很多這些東西已經設置爲供您使用開箱即用。學會自己做這件事很重要，但是這些框架可以幫助你在開始抓住這樣的事情之前掌握全局。

編輯冗餘：

從用戶EndangeredMassa：

<html> 
<head> 
    <script type="text/javascript"> 

     // Wait for the page to load first 
     window.onload = function() { 

      //Get a reference to the link on the page 
      // with an id of "mylink" 
      var a = document.getElementById("mylink"); 

      //Set code to run when the link is clicked 
      // by assigning a function to "onclick" 
      a.onclick = function() { 

      // Your code here... 

      //If you don't want the link to actually 
      // redirect the browser to another page, 
      // "google.com" in our example here, then 
      // return false at the end of this block. 
      // Note that this also prevents event bubbling, 
      // which is probably what we want here, but won't 
      // always be the case. 
      return false; 
      } 
     } 
    </script> 
</head> 
<body> 
    <a id="mylink" href="http://www.google.com">linky</a>   
</body> 
</html>

來源

2016-01-08 18:10:56 RockSteady

http://getbootstrap.com/components/#navbar – RockSteady

是的，但我建議您在學習之前先學習基礎知識框架。否則，你可能會更加限制你實現的方式。另外，我工作過的一些工作要求我使用基本的javascript（例如，沒有jQuery或其他），如果我沒有先學習它的話，我會拼命工作。 –

@StevenLinn雖然我同意這將是理想的方法，但我認爲對於有人首先採用快捷方式並保持對代碼工作感興趣，然後一起卡住並放棄所有方法會更明智。這就是爲什麼我用一種基本的方法給出了答案（或者與案例聯繫在一起），但是給這些框架一個大喊，因爲有人可能沒有聽說過他們，並且可能有興趣對他們進行研究。 – RockSteady

如何鏈接HTML部分？

回答

相關問題