尝试使用js插入一个多页面的HTML元素

Trying to insert a multi-page HTML element using js

本文关键字：一个 元素 HTML js 插入      更新时间：2023-09-26

我正在构建一个网站，需要在左侧栏中使用几个重复元素。我知道如果可以安置在一个外部JS页面和嵌入到页面上的div。

我希望能够更新一个页面，让它在网站的其余部分生成的内容。

这是我的代码。有人能给我指个方向吗?
<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>

听起来你想要动态加载内容。要回答你的问题，请使用以下语句。但是，您也可以翻转您的解决方案，以便从每个唯一的html页面(例如somepage1.html, somepage1.html)加载公共菜单项。同样的技术也适用，只是你要从这些页面加载"menu.html"，而不是加载"somepage.html"。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 
    });
});

最好的办法可能是研究一种服务器端脚本语言，如PHP或ASP.NET。例如，如果您要使用PHP(我提供的两个示例中较简单的一个)，您可以简单地将重复链接放在单独的文件中，然后使用include()语句将它们插入到站点中。以后你只要更新一个文件，它就会自动在你的网站上传播。

相关文章：