javascript - 在没有硬编码的情况下使用 JQuery 添加动态 HTML?

标签 javascript jquery html

假设您有一些 JavaScript(带有 JQuery)代码将一些 HTML 添加到现有页面,例如:

var span = "<span>Text</span>";
some_div_element.append(span);

有没有办法在不对跨度进行硬编码的情况下做到这一点?如果我想添加大部分代码,将它硬编码在 JavaScript 代码中间似乎是不对的。

最佳答案

使用 jquery 加载函数实际上相当容易

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#includehtml").load("loadme.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includehtml"></div>
  </body> 
</html>

这样您就可以将额外的 html 放在不同的 html 文件中,然后使用 load 函数加载它。 html 可短可长,而不会使原始页面膨胀。在这种情况下,loadme.html 需要存储在服务器上的相同路径中。

关于javascript - 在没有硬编码的情况下使用 JQuery 添加动态 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30821330/

相关文章:

javascript - 动态增加多选下拉框的大小

Javascript数组排序问题

Javascript 与通配符匹配 URL - Chrome 扩展

javascript - 将 jquery 应用于加载到 div 的页面

javascript - 使用 jquery 从一列拖放到另一列

javascript - 带参数的 jQuery 单击事件不起作用

javascript - 打开页面时如何为列表项添加效果?

html - 将带有输入组插件的文本框调整为与没有插件的文本框大小相同

javascript - 如何查找特定类别类型的检查行数?

javascript - 如何选择和更改此代码中的百分比值?