使用JavaScript在文档中插入大量html内容
我有很多行HTML内容需要使用JavaScript插入到文档中。最好的方法是什么？我不想让它在源代码中一行一行地出现，也不想把所有内容都塞进一个字符串。最好的方法就是不要这样做使用JavaScript在文档中插入大量html内容,javascript,dom,Javascript,Dom,我有很多行HTML内容需要使用JavaScript插入到文档中。最好的方法是什么？我不想让它在源代码中一行一行地出现，也不想把所有内容都塞进一个字符串。最好的方法就是不要这样做 将它们放在静态html文件中，并链接它。最好的方法是不要这样做 将它们放在静态html文件中，并将其链接。让Javascript代码向web服务器发出AJAX请求，请求包含脚本的文件。当AJAX请求返回时，将回复内容写入文档（或应该包含文本的文档子级）上的InnerHTML成员 给出了一个工作示例，具体说明了您想要做什么
将它们放在静态html文件中，并链接它。最好的方法是不要这样做
将它们放在静态html文件中，并将其链接。让Javascript代码向web服务器发出AJAX请求，请求包含脚本的文件。当AJAX请求返回时，将回复内容写入文档（或应该包含文本的文档子级）上的
InnerHTML给出了一个工作示例，具体说明了您想要做什么-只需将CGI替换为包含您想要包含的内容的静态文件。让您的Javascript代码向web服务器发出AJAX请求，请求包含脚本的文件。当AJAX请求返回时，将回复内容写入文档（或应该包含文本的文档子级）上的
InnerHTML给出了一个工作示例，具体说明了您想要做什么-只需将CGI替换为包含您想要包含的内容的静态文件。Use可以使用jquery。例如： 如果您有一个ID=“Sidebar”的div。要使用jquery加载html内容，请执行以下操作： $（“#侧边栏”）.HTML（“任何HTML内容”） 您可以使用jqueryajax方法异步获取内容，然后使用上述方法将其加载到html中
使用可以使用jquery。例如： 如果您有一个ID=“Sidebar”的div。要使用jquery加载html内容，请执行以下操作： $（“#侧边栏”）.HTML（“任何HTML内容”） 您可以使用jqueryajax方法异步获取内容，然后使用上述方法将其加载到html中
您可以使用iframe加载html，并使用JS在主页中加入部分内容 此页面（main.html）.
<html>
<head>
<title>Main</title>
</head>
<body>
<iframe id="loader" style="display:none"></iframe>
<div id="target"></div>
<script>
function read(b){
document.getElementById('target').innerHTML = b.innerHTML;
};
var ifr = document.getElementById('loader');
ifr.src = 'testIfrLoad.html#read';
</script>
</body>
</html>
主要
函数读取（b）{
document.getElementById（'target'）.innerHTML=b.innerHTML；
};
var ifr=document.getElementById（'loader'）；
ifr.src='testIfrLoad.html#read'；
<html>
<head>
<title>testIfrLoad</title>
<script>
function send(){
top[window.location.hash.substr(1)](document.body);
}
</script>
</head>
<body onload="send()">
<p>Some content</p>
<p>Some content</p>
<p>Some content</p>
</body>
</html>
测试负荷
函数send（）{
顶部[窗口.位置.哈希.子字符串（1）]（文档.正文）；
}
一些内容
一些内容
一些内容
<html>
<head>
<title>Main</title>
</head>
<body>
<iframe id="loader" style="display:none"></iframe>
<div id="target"></div>
<script>
function read(b){
document.getElementById('target').innerHTML = b.innerHTML;
};
var ifr = document.getElementById('loader');
ifr.src = 'testIfrLoad.html#read';
</script>
</body>
</html>
主要
函数读取（b）{
document.getElementById（'target'）.innerHTML=b.innerHTML；
};
var ifr=document.getElementById（'loader'）；
ifr.src='testIfrLoad.html#read'；
<html>
<head>
<title>testIfrLoad</title>
<script>
function send(){
top[window.location.hash.substr(1)](document.body);
}
</script>
</head>
<body onload="send()">
<p>Some content</p>
<p>Some content</p>
<p>Some content</p>
</body>
</html>
测试负荷
函数send（）{
顶部[窗口.位置.哈希.子字符串（1）]（文档.正文）；
}
一些内容
一些内容
一些内容