如何從外部javascript變量值存儲到html變量值

Question

我想將jQuery變量值存儲到html變量值。

這裏是我的代碼，

這是JavaScript函數，它是在外部JavaScript頁面

function createImage(settings) { 
    var kk = createCanvas(settings)[0].toDataURL('image/png'); 
    } 

現在，這是在HTML頁面

var karan = kk; 
<img id="containerQrCode" src = "+ karan +" alt="qr image" /> 

現在，我怎麼能將外部javascript頁面中的kk值移動到html頁面中的karan變量。

在此先感謝。

Answer 1

我會建議你使用DOM工作。如果你是jQuery，那麼就像下面的一樣。

function createImage(settings) { 
    var kk = createCanvas(settings)[0].toDataURL('image/png'); 
    $("#containerQrCode").attr("src", kk); 
} 

下面

可以如果不使用jquery

function createImage(settings) { 
    var kk = createCanvas(settings)[0].toDataURL('image/png'); 
    document.getElementById("containerQrCode").setAttribute("src", kk); 
} 

受審

Answer 2

嘗試這樣：

<img id="containerQrCode" src = " 
    <script type="text/javascript>document.write(karan)</script> 
" alt="qr image" /> 

有關設置變量，以及對不起誤讀，試試這個：

編輯功能可以說了：

function createImage(settings) { 
    var kk = createCanvas(settings)[0].toDataURL('image/png'); 
    return kk; 
} 

然後更新，你將karan設置爲：

var karan = createImage(); 

您還需要包括外部JavaScript文件中像這樣的項目：

<script type="text/javascript" src="path/to/your/file.js"></script> 

Answer 3

var karan = kk; 
var img = document.getElementById('containerQrCode'); 
img.src = karan;