Question

我尝试将javascript代码插入到img的src标记中，代码如下：

 library(tools)
library(data.table)

files<-list.files(pattern="*.csv")
for (f in 1:length(files))
assign(paste("AllData_",gsub("[^0-9]","",file_path_sans_ext(files[[f]])),sep=""), fread(files[f]))

因此，基本上它会从API中获取图像，因为函数<img id="p1" width="90%" height="100%" src="javascript:img_info();" />会生成链接。问题是，当我运行此代码时，它不返回任何内容，任何想法？

Answer 1

抱歉，对于javascript:属性，src不可用。并且src="img_info()"也是不可能的。

这是你可以做到的：

<img id="p1" width="90%" height="100%" src="" />
<script>document.getElementById("p1").src = img_info()</script>

请注意，onload不会触发空src=""属性！ <img onload="this.src = img_info()" />无法正常工作。

直播示例：

<script>
  function img_info() {
    return "https://upload.wikimedia.org/wikipedia/commons/c/c2/Faust_bei_der_Arbeit.JPG"
  }
</script>


<img id="p1" width="90%" height="100%" src="" />
<script>
  document.getElementById("p1").src = img_info()
</script>

Answer 2

将其置于“onload”事件中，并使用setAttribute设置src。

类似

<img onload="this.setAttribute('src', img_info())" >

在img src中插入Javascript代码

2 个答案: