javascript - 使用基本的 Javascript 函数将代码插入 Div

Question

我正在尝试调用包含图片库的“example.js”文件(图片库的大部分代码，看看我将如何从 3 个中进行选择)使用:

<img src="img.jpg" onClick="thisAction()" /> 

我想要做的是将所有包含的“example.js”代码放在页面其他地方的 div 中。我有一个单独的 javascript.js 文件，它引用了 thisAction() 函数，但我似乎无法弄清楚从那里去哪里，没有任何工作。我尝试了一个加载函数，并且深入研究了 ajax，但我真的不知道我在做什么......请帮忙!

---

好的，所以只是为了澄清^^^以上^^^，我实际上并没有尝试在我的“example.js”中调用任何javascript，我只是被指示这样做，因为某些原因我不能'不记得那与识别格式有关....因为我真正想要的是要插入的一些 html，其中包括一些 div。如果可能的话，我想要的是将所有代码插入“example.html”中，其中可能包含如下内容:

<div id="navbuttonleftcontainer"></div>
    <div id="image_holder"><img src="examplepic.jpg" /></div>
<div id="navbuttonrightcontainer"></div>

通过使用

<img src="examplenavpic.jpg" onClick="thisAction() />

标签。

我能得出的最接近的结果是:

function thisAction()
{
$('#divonmygalleryhtml').html('gallery1.html');
}

但这实际上并没有吐出上面提到的example.html代码，它只是将文本“gallery.html”放入div中。我尝试简单地从 example.html 复制所有代码并将其替换为

function thisAction()
{
$('#divonmygalleryhtml').html('
<div id="navbuttonleftcontainer"></div>
<div id="image_holder"><img src="examplepic.jpg" /></div>
<div id="navbuttonrightcontainer"></div>
');
}

但这不会做任何事情...我尝试了最后 2 个建议但没有成功...任何建议都很好。

Answer 1

不确定我是否理解正确。使用 jQuery 的 AJAX - 函数和 HTML - 函数，您可以从服务器重新加载代码并将其放置在页面的 div 中:

$(document).ready(function({

    function thisAction(){

        $.ajax({
        url: "/pathToFile/example.js",
        cache: false
        }).done(function( data ) {
        $("#targetDiv").html( data );
        });

    }

    thisAction();

});