Javascript 将外部html文件加载到div并使用其js函数

Javascript 将外部html文件加载到div并使用其js函数,javascript,jquery,html,Javascript,Jquery,Html,我有一些意见: <div id='dialog'></div> 现在我想在这个div中加载一个外部html文件并使用它的js函数 我知道我可以使用jQuery.load()加载它,它工作得很好,问题是我想使用HTMLJS函数 主要问题是我有几个div,我将这个html文件加载到其中,我希望当我激活js函数时,它只对特定div起作用。传递参数以查看您正在加载的视图,它将指示加载视图的容器: jQuery.Load(url, { containerId: 'dialog

我有一些意见:

<div id='dialog'></div>

现在我想在这个div中加载一个外部html文件并使用它的js函数

我知道我可以使用jQuery.load()加载它,它工作得很好,问题是我想使用HTMLJS函数


主要问题是我有几个div,我将这个html文件加载到其中,我希望当我激活js函数时,它只对特定div起作用。

传递参数以查看您正在加载的视图,它将指示加载视图的容器:

jQuery.Load(url, { containerId: 'dialog' })

我记得我在发布jQuery1.4时遇到了这个问题。在该版本中,当指定目标容器时,
.load()
突然开始剥离js

我当时所做的:

  • 在不同的文件(比如myhtml.html和myjs.js)或视图中分离html和js
  • 让我的js文件充当js模块,使用公共入口点函数(比如
    initContent
    )将jQuery元素作为参数
  • 在myhtml.html中有一个不可见的链接,即
  • 将myhtml.html加载到我的目标div后,在我的目标div中搜索
    $('a.dynamicJs')
    ,从
    href
  • 如果之前没有加载js,则通过ajax调用将js动态加载到页面中
  • 以目标div为参数动态调用入口点函数
  • 这也适用于css。 在所有的导航器上调整它需要一些时间(IE上的css部分数量有限,动态调用函数的方式不同),而我最终得到了更多我最初期望的代码。它还需要对我的html/js模块进行大量重构(但我必须承认,我最终得到了一个非常干净的代码)

    我相信现在有一些框架能够更好地处理这种情况。但这是我当时想到的


    希望这会有所帮助

    好的,那么我该如何使用js函数呢?如何确保只对特定的div使用函数?如果视图是动态的,那么可以使用服务器端语言处理容器变量。您正在加载的视图是静态的还是动态的?我不确定您在问什么,我将静态html文件加载到运行时使用jQuery创建的div中,您是否可以编写如何使用的简单示例?您正在激活的javascript写在html文件中?我认为您也可以使用$.ajax,然后在成功回调时将整个html响应加载到特定的div。