javascript - 在使用ajax加载的html上运行函数

Question

例如，如果我将 html 文档加载到 div 标记中，是否有任何方法可以调用我知道加载的 html 中存在的函数？

像这样:

$('#foo').load('bar.html', function(){
    //call a function in bar.html
});

Answer 1

您将 JS 代码放在单独的文件中(将其加载到加载的 html 文件中)并使用 getScript像这样:

$('#foo').load('bar.html', function(){
    $.getScript("js/fileName.js");
    // call a function from fileName.js
});

因此创建一个单独的 JS 文件(最好不要与 html 或 html 文档混合)并在 bar.html 文件中调用它:

<script href="js/fileName.js"></script>

有了这个，您还可以使用 getScript 加载该文件。