Question

我正在尝试调用一个包含图片库的“example.js”文件（图库的大部分代码，看看我将如何选择）：

<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>

通过使用

调用函数，在我现有的“gallery.html”页面的其他地方使用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();

});

Answer 2

要调用外部javascript文件，您可以

function thisAction(){
var divfill = getElementById(targetDiv);
var newscript;
newscript.src ="example.js";
divfill.innerHTML = (newscript);
}

希望有效：）。

Answer 3

看起来您可以使用jQuery，然后您可以使用.load()将远程源的内容加载到元素

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

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

3 个答案: