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

Question

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

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

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

的script.js

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

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

Answer 1

使用$.get jQuery函数

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

Answer 2

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

window.parent.example_function(); 

或使用其DOM元素播放。

Answer 3

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

.live()

.on()

Answer 4

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

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