在javascript中加载大量html

如何在javascript中加载大量HTML？我将在下面展示一个片段。我想把所有的HTML放到java中的“all HTML GOES HERE”空间中。我知道你可以放一些小东西，比如

Hello但我不知道如何让所有这些都在那里工作。除非另有办法，否则请告诉我


函数验证（）{
var x=$（'#in'）.val（）；
if（navigator.userAgent.indexOf（“Chrome”）！=-1）{
$（'#id'）.html（'ignore'）；
}否则{
$（'#id'）.html（'所有html都在这里'）；
}
}
window.onload=验证
将HTML放在页面的HTML中，而不是放在Javascript字符串中，而是用
display:none隐藏它样式。然后您可以将其复制到
#id


函数验证（）{
var x=$（'#in'）.val（）；
if（navigator.userAgent.indexOf（“Chrome”）！=-1）{
$（'#id'）.html（'ignore'）；
}否则{
$（“#id'）.html（$（“#allhtml”）.html（））；
}
}
window.onload=验证

所有HTML都在这里
您可以将整个字符串传递给它：

function validate() {
  var x = $('#in').val();
  var htmlString = '<div id="popup" class="overlay">';
  htmlString += '<div class="popup">';
  htmlString += '<a class="close" href="javascript:popupClose();">×</a>';
  htmlString += '<div class="content"></div></div></div>';

if (navigator.userAgent.indexOf("Chrome") != -1) {
  $('#id').html('ignore');
} else {
  $('#id').html(htmlString);
}

函数验证（）{
var x=$（'#in'）.val（）；
var htmlString=''；
htmlString+=''；
htmlString+=''；
htmlString+=''；
if（navigator.userAgent.indexOf（“Chrome”）！=-1）{
$（'#id'）.html（'ignore'）；
}否则{
$（'#id'）.html（htmlString）；
}
一个有帮助的选项：

您可以将所有HTML放在一个单独的HTML文件中，并使用JQuery的.load（'anotherpage.HTML'..）方法

下面是带有示例的文档
如果不想在“”中编写所有html，可以使用ajax加载html，因此首先要创建一个文件

allhtml.html

包含您的html，并在此处代替您的：

 $('#id').html..

你会用

$('#id').load('allhtml.html')

$（“#”）
应该是什么？
后面需要跟一个元素ID。只是一个ID。我把它和#放在一起。你可以把你想要的东西放在
“所有HTML都放在这里”
的地方。