Question

如何在javascript中加载大量HTML？我将在下面显示一个片段。我想把所有的HTML都放到＆＃34;所有HTML GOES HERE＆＃34; java中的空间。我知道你可以放一些像<h1>Hello!</h1>这样的小东西，但是我无法弄清楚如何通过它来完成所有这些工作。除非有其他方法可以做到这一点，请告诉我。

＆＃13;

  function validate() {
    var x = $('#in').val();

    if (navigator.userAgent.indexOf("Chrome") != -1) {
      $('#id').html('ignore');
    } else {
      $('#id').html('ALL HTML GOES HERE');
    }

  }
  window.onload = validate;

＆＃13;

<div id="popup" class="overlay">
  <div class="popup">
    <a class="close" href="javascript:popupClose();">×</a>
    <div class="content">
    </div>
  </div>
</div>

＆＃13;

Answer 1

不是将HTML放在Javascript字符串中，而是将其放在页面的HTML中，而是使用display: none;样式隐藏它。然后，您可以将其复制到#id。

function validate() {
  var x = $('#in').val();

  if (navigator.userAgent.indexOf("Chrome") != -1) {
    $('#id').html('ignore');
  } else {
    $('#id').html($("#allhtml").html());
  }

}
window.onload = validate;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="popup" class="overlay">
  <div class="popup">
    <a class="close" href="javascript:popupClose();">×</a>
    <div class="content">
    </div>
  </div>
</div>

<div id="allhtml" style="display: none;">
  <div>
    ALL HTML GOES HERE
  </div>
</div>

Answer 2

您可以将整个字符串传递给它：

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);
}

Answer 3

如果你不想在里面写所有的html＆＃39; ＆＃39; ，你可以用ajax加载html，所以首先要创建文件

allhtml.html

包含你的html，而不是你的：

 $('#id').html..

你会用

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

Answer 4

可以提供帮助的一个选项：

您可以将所有HTML放在单独的HTML文件中，并使用JQuery的.load（'anotherpage.html'....）方法。基本上，你只需要调用它：$（'＃id）.load（'....'）;

这是带有示例的文档 http://api.jquery.com/load/

在javascript

4 个答案: