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;

如何从外部javascript变量值存储到html变量值

3 个答案: