嘗試使用js插入多頁HTML元素

-3

我正在構建需要在左側列中使用多個重複元素的網站。我知道如果可以安置在外部的JS頁面並嵌入到頁面上的div中。嘗試使用js插入多頁HTML元素

我希望能夠更新單個頁面，讓它在網站的其他部分生成內容。

這是我的代碼。任何人都可以將我指向正確的方向嗎？

<div id="feature_app"> 
<span class="left_col_H1">Featured App</span> 
<img src="images/app_icon.png" width="100" height="101" class="feature_app_icon" /> 
<h1 class="feature_app_name">All Dice</span></h1> 
<p class="feature_app_price">Price: $0.99 | <a href="#">Avaliable on iTunes</a></span> 
<p class="feature_app_description">Lorem ipsum dolor sit amet, consecte adipiscing elit. Proin porttitor feugiat condimentum.</p> 
</div>

來源

2013-05-10 DotComma

有什麼不好循環中的數據？只需使用for，while或foreach循環。或者我弄錯你了嗎？ – 2013-05-10 16:08:22

StackOverflow不是定製的服務，您可以告訴社區您想要什麼，並且我們爲您開發代碼。證明你至少通過展示你迄今爲止編寫的JavaScript代碼來做出努力，我們將幫助你理清哪些是錯誤的。 – 2013-05-10 16:11:06

聽起來就像你想動態加載內容。要回答你的問題，請使用以下內容。但是，您也可以翻轉解決方案，以便從每個獨特的html頁面（例如somepage1.html，somepage1.html）加載常用菜單項。同樣的技術也適用，只是不是加載「somepage.html」，而是從這些頁面加載「menu.html」。 menu.html將包含您發佈的常用菜單項。你的選擇。

演示小提琴： http://jsfiddle.net/wGArU/

HTML（網頁上添加此）

<div id="#page-content"></div>

的jQuery：

$().ready(function() { 

    $('#page-content').load('somepage.html', function() { 
     // update somepage.html, and the contents will be loaded into the #page-content divs 
    }); 

});

來源

2013-05-10 16:11:33 carrabino

非常感謝。我之前看到過這個，但我沒有訪問代碼來弄清楚。 – DotComma 2013-05-10 16:47:38

也許是最好的選擇將是考慮的PHP或ASP.NET的服務器端腳本語言等。例如，如果您使用PHP（我提供的兩個示例中較簡單的一種），則可以將重複鏈接放在單獨的文件中，然後使用include()語句將它們插入到您的網站中。那麼將來你可以更新一個文件，它會自動傳播到你的網站。

來源

2013-05-10 16:08:58 msigman

嘗試使用js插入多頁HTML元素

回答

相關問題