可以使用javascript:伪协议设置图像源吗？

Question

基本上，我有一个上下文，其中我只被允许创建一个映像，但我想在决定源文件之前运行一个脚本，所以我想知道这是否可能：

<img src="javascript:{load a remote script and run it to figure out the source}" />

我想出的变通办法是：

<img src="any-old-image.gif" onload="document.write('<scr' + 'ipt src=\"http://mysite-script.js\"'></scr' + 'pt>');" />

但我希望能有更干净一点的东西。

附言:我知道"javascript:“是个非常邪恶的词。这是一个特殊的情况。

Answer 1

创建一个函数，收集您需要的任何数据并将其发送到服务器(通过XMLHttpRequest或您喜欢的任何方法)。创建一个检查来自服务器的响应并决定使用哪个图像的函数。然后，您可以直接设置图像的url：

document.getElementById("myImage").src = myImageSrc;  

编辑：地址注释。

如果你只能处理img元素本身，那么你是对的，img.onload就是你想要的。如果不仅仅是几行脚本，那么导入脚本似乎是合理的。也许这比document.write更干净一点

document.body.appendChild(document.createElement("script")).src =
    "http://mysite.com/myscript.js";

Answer 2

如果你想要的东西可以在服务器上完成。您可以让src属性指向您的服务器端脚本，并在执行完您想要的任何内容后写回图像。

但我不确定这是否适合你的问题。