Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 尝试使用js插入多页HTML元素_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 尝试使用js插入多页HTML元素

Javascript 尝试使用js插入多页HTML元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在构建一个需要在左侧列中使用多个重复元素的站点。我知道是否可以封装在外部JS页面中,并嵌入页面上的div中 我想能够更新一个单一的页面,使其生成的网站上的其余内容 这是我的密码。谁能给我指出正确的方向吗 <div id="feature_app"> <span class="left_col_H1">Featured App</span> <img src="images/app_icon.png" width="100" height="101"

我正在构建一个需要在左侧列中使用多个重复元素的站点。我知道是否可以封装在外部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>

特色应用
全骰子
价格:0.99美元

Lorem ipsum dolor sit amet,献身于精英。普罗恩·波特提托家族的调味品


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

听起来您希望动态加载内容。要回答您的问题,请使用以下命令。但是,您也可以翻转解决方案,以便从每个唯一的html页面(例如somepage1.html、somepage1.html)加载公共菜单项。同样的技术也适用,只需从这些页面加载“menu.html”,而不是加载“somepage.html”。html将包含您发布的常用菜单项。你的选择

演示小提琴:

html(将其添加到页面上)


循环数据有什么问题?只需使用for、while或foreach循环。还是我搞错了?StackOverflow不是一种定制服务,你可以告诉社区你想要什么,我们为你开发代码。通过展示到目前为止您所编写的javascript代码,证明您至少已经付出了努力,我们将帮助您找出问题所在。非常感谢。我以前见过这样做,但我没有访问代码来找出它。
<div id="#page-content"></div>
$().ready(function() {

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

});