使用基本的Javascript函數向代碼中插入代碼

我想調用一個包含圖片庫的「example.js」文件（圖庫的大部分代碼，看看我將如何選擇3）使用：使用基本的Javascript函數向代碼中插入代碼

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

我想要做的就是將所有的包含「example.js」代碼內的其他地方的頁面一個div。我有一個引用thisAction（）函數的單獨javascript.js文件，但我似乎無法弄清楚從哪裏去，沒有任何工作。我已經嘗試了一個加載函數，並且我鑽研了ajax，並不知道我在做什麼...請幫忙！

好了，所以我只想澄清^^^ ^^^以上，我實際上並不想在任何JavaScript調用在我的「example.js」，我只是指示這樣做，因爲一些我不記得那與識別格式化有關......因爲我真正想要的是要插入一些html，其中包括一些div。我今天準備這樣，如果可能的話，就是插入的所有代碼「example.html的」可能含有這樣的事情：

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

到一個div其他地方在頁面上我現有的「gallery.html」通過調用函數

標記。

我已經能來最接近的是這個：

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

但這實際上並沒有吐出上述example.html的代碼，它只是把文字「gallery.html」進入div。我tryed簡單地複製從example.html的所有代碼，並與

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

取代它，但是不會做的事情......我用盡，沒有運氣的最後2點建議...任何建議將很棒。

來源

2013-04-25 Dustin

我不是你想要的東西太清楚了嗎？你想在div上顯示'js'文件的內容嗎？你需要服務器端編程。 – gideon 2013-04-25 05:41:34

你有權訪問jquery – 2013-04-26 00:10:57

不知道如果我讓你正確。隨着jQuery的AJAX - 功能和HTML - 功能，您可以從服務器重新加載代碼，並將其放置在一個div您的網頁上：

$(document).ready(function({ 

    function thisAction(){ 

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

    } 

    thisAction(); 

});

來源

2013-04-25 06:17:50 mcknight

要調用一個外部JavaScript文件，你會怎麼做

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

希望工程:)。

來源

2013-04-25 09:40:01 Tyler

看起來你可以使用jQuery，那麼你可以使用.load()到遠程源的內容加載到一個元素

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

來源

2013-04-26 00:11:24

使用基本的Javascript函數向代碼中插入代碼

回答

相關問題