在另一个HTML文件和JS中包括一个HTML文件

Question

假设我有两个html文件，one.html和two.html。 我想在one.html中包含two.html，所以我已经这样做了，

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

我有一个脚本文件，说是script.js，我在one.html末尾加载为

<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

要在动态加载的元素上添加事件，您需要在jquery <1.9中使用.live()函数；如果jquery> = 1.9，则需要使用.on()

。生活（）

。上（）

Answer 4

你可以先加载页面的第二内容和包括被列入额外的HTML 后才的JavaScript。

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