包括另一个html文件中的html文件和JS

  • Z时代
  • 2024-01-10
  • 分类：问答

假设我有两个html文件，one.html和two.html。我想包括在one.html two.html，所以我这样做，是这样的，包括另一个html文件中的html文件和JS

<script> 
     $(function(){ 
      $("#middle").load("two.html"); 
     }); 
</script>

我有一个脚本文件说，这我加载在one.html年底为

的script.js 

<script src="scripts/script.js" ></script>

在那个文件中，我正在编写的函数在two.html的元素上实现。但是这些函数并没有被应用于two.html。那么，做这件事的正确方法是什么？

回答：

使用$.get jQuery函数

$.get("tow.html", function(data) { 
    $("#middle").html(data); 
    alert("Load was performed."); 
});

回答：

你为什么不使用（隐藏？）IFRAME？如果它位于同一台服务器上，则可以访问父页（one.html）的功能和元素：

window.parent.example_function();

或使用其DOM元素播放。

回答：

要添加事件的动态加载的元素，你需要使用.live()功能jQuery的< 1.9和.on()如果的jQuery> = 1.9

.live()

.on()

回答：

可以先负载您的第二页内容并包含仅限于之后的javascript 附加的HTML被包括在内。

$.get("two.html", function(data) { 
    $('#middle').html(data); 
    $('head').append($('<script>').attr('type', 'text/javascript').attr('src', 'scripts/script.js')); 
});

以上是 包括另一个html文件中的html文件和JS 的全部内容， 来源链接： utcz.com/qa/262747.html

回到顶部