怎么在html的src的值这里调用js方法或变量获取图片地址？

时间：2022-10-28 21:22:31
请教各位高手，怎么在html的<img src="">中调用js的函数或者js变量来指定图片路径？

<html>
<head>
<script language="javascript">
var adres="图片地址";
function imgUrl(){
document.images.imgInit.src="图片地址";
}
</script>
</head>
<body>

<img src="?"  id="imgInit">

</body>
</html>

请问怎么<img src="调用js函数或者变量获取图片路径">中的src的值部分调用js函数或者变量获取图片路径？

14 个解决方案

#1

<html>

<head>


</head>

<body>


<img src="?"  id="imgInit">


</body>

<script language="javascript">

var adres="图片地址";

document.getElementById('imgInit').src = adres;


</script>

</html>

#2

我是想在<img src="?"  id="imgInit">里面“？”的地方调用执行JS函数或者JS变量，从而得到图片的路径，不是先执行JS方法改变图片src，是想在<img>标签里src的位置调用JS代码。不知道我这么说各位明白了没有，希望大家能够多多指点！

#3

引用 2 楼 leedaning 的回复:
我是想在<img src="?"  id="imgInit">里面“？”的地方调用执行JS函数或者JS变量，从而得到图片的路径，不是先执行JS方法改变图片src，是想在<img>标签里src的位置调用JS代码。不知道我这么说各位明白了没有，希望大家能够多多指点！

src里面放的就是图片地址啊 你这里面放函数或者JS变量 那你的图片的路径放哪？

#4

引用 3 楼 microlab2009 的回复:
Quote: 引用 2 楼 leedaning 的回复:

我是想在<img src="?"  id="imgInit">里面“？”的地方调用执行JS函数或者JS变量，从而得到图片的路径，不是先执行JS方法改变图片src，是想在<img>标签里src的位置调用JS代码。不知道我这么说各位明白了没有，希望大家能够多多指点！

src里面放的就是图片地址啊 你这里面放函数或者JS变量 那你的图片的路径放哪？


图片路径就是JS变量或者是调用的JS函数里面设置此处图片的src路径。img标签怎么调用js的函数呢？

#5

<img src="?"  id="imgInit"  onclick="方法()">还有其他的事件属性都是可以的
ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

#6

引用 5 楼 microlab2009 的回复:
<img src="?"  id="imgInit"  onclick="方法()">还有其他的事件属性都是可以的
ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup


<img id="imgInit"  src="？" onload="javascript:imgUrl();">不知道这个可行吗？我试试的不行。

#7

因为你的src没有指定，加载不到图片导致图片再某些浏览器下是不占位置的，增加一个alt这样就能显示了


<img id="imgInit"  src="？" onload="javascript:imgUrl();"  alt="图片不显示替代的文字内容">

#8

引用 7 楼 showbo 的回复:
因为你的src没有指定，加载不到图片导致图片再某些浏览器下是不占位置的，增加一个alt这样就能显示了


<img id="imgInit"  src="？" onload="javascript:imgUrl();"  alt="图片不显示替代的文字内容">


不会啊，我用的其实是有alt的：<img id="imgInit" alt="海边风情" src="javascript:imgUrl();" onload="javascript:imgUrl();" style="width:240px;height:320px;display:block;" />

#9

<img src="blank.gif" onload="getRealSrc(this)" />
先用一個很小透明的圖片作替代，加載好后執行getRealSrc方法再獲取真正的src并賦值

#10

你用错事件了，onload是成功加载时才会执行，src不会执行js函数，设置没用。

用onerror，不过有些浏览器不会支持onerror

就算执行了onload，你也循环调用了，要在函数中删除img的onload事件 

<img id="imgInit" alt="海边风情" src="乱设置一个就行" onerror="imgUrl()" style="width:240px;height:320px;display:block;" /> 

<script language="javascript">

    function imgUrl() {

        document.images.imgInit.src = "http://avatar.csdn.net/6/E/E/1_leedaning.jpg";

    }

</script>

#11

多谢各位的热心帮助，我现在已经做好了，<img  id="imgInit" alt="海边风情" src="javaScript:NextPic()" >，这样就能调用JS的函数NextPic（）了。多谢版主了“就算执行了onload，你也循环调用了，要在函数中删除img的onload事件”，如果用onload确实要在函数中删掉该事件的。

#12

你这个 NextPic()函数是放在哪个位置执行，onload中吗 ？我的 NextPic() 不执行

#13

$("img").attr("src");

#14

引用 11 楼 leedaning 的回复:
多谢各位的热心帮助，我现在已经做好了，<img  id="imgInit" alt="海边风情" src="javaScript:NextPic()" >，这样就能调用JS的函数NextPic（）了。多谢版主了“就算执行了onload，你也循环调用了，要在函数中删除img的onload事件”，如果用onload确实要在函数中删掉该事件的。



哥能给个完整的代码吗？
我想学学，我刚刚html起步。一直想做个这个东西，就是没有头绪。

#1

<html>

<head>


</head>

<body>


<img src="?"  id="imgInit">


</body>

<script language="javascript">

var adres="图片地址";

document.getElementById('imgInit').src = adres;


</script>

</html>

#2

我是想在<img src="?"  id="imgInit">里面“？”的地方调用执行JS函数或者JS变量，从而得到图片的路径，不是先执行JS方法改变图片src，是想在<img>标签里src的位置调用JS代码。不知道我这么说各位明白了没有，希望大家能够多多指点！

#3

引用 2 楼 leedaning 的回复:
我是想在<img src="?"  id="imgInit">里面“？”的地方调用执行JS函数或者JS变量，从而得到图片的路径，不是先执行JS方法改变图片src，是想在<img>标签里src的位置调用JS代码。不知道我这么说各位明白了没有，希望大家能够多多指点！

src里面放的就是图片地址啊 你这里面放函数或者JS变量 那你的图片的路径放哪？

#4

引用 3 楼 microlab2009 的回复:
Quote: 引用 2 楼 leedaning 的回复:

我是想在<img src="?"  id="imgInit">里面“？”的地方调用执行JS函数或者JS变量，从而得到图片的路径，不是先执行JS方法改变图片src，是想在<img>标签里src的位置调用JS代码。不知道我这么说各位明白了没有，希望大家能够多多指点！

src里面放的就是图片地址啊 你这里面放函数或者JS变量 那你的图片的路径放哪？


图片路径就是JS变量或者是调用的JS函数里面设置此处图片的src路径。img标签怎么调用js的函数呢？

#5

<img src="?"  id="imgInit"  onclick="方法()">还有其他的事件属性都是可以的
ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

#6

引用 5 楼 microlab2009 的回复:
<img src="?"  id="imgInit"  onclick="方法()">还有其他的事件属性都是可以的
ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup


<img id="imgInit"  src="？" onload="javascript:imgUrl();">不知道这个可行吗？我试试的不行。

#7

因为你的src没有指定，加载不到图片导致图片再某些浏览器下是不占位置的，增加一个alt这样就能显示了


<img id="imgInit"  src="？" onload="javascript:imgUrl();"  alt="图片不显示替代的文字内容">

#8

引用 7 楼 showbo 的回复:
因为你的src没有指定，加载不到图片导致图片再某些浏览器下是不占位置的，增加一个alt这样就能显示了


<img id="imgInit"  src="？" onload="javascript:imgUrl();"  alt="图片不显示替代的文字内容">


不会啊，我用的其实是有alt的：<img id="imgInit" alt="海边风情" src="javascript:imgUrl();" onload="javascript:imgUrl();" style="width:240px;height:320px;display:block;" />

#9

<img src="blank.gif" onload="getRealSrc(this)" />
先用一個很小透明的圖片作替代，加載好后執行getRealSrc方法再獲取真正的src并賦值

#10

你用错事件了，onload是成功加载时才会执行，src不会执行js函数，设置没用。

用onerror，不过有些浏览器不会支持onerror

就算执行了onload，你也循环调用了，要在函数中删除img的onload事件 

<img id="imgInit" alt="海边风情" src="乱设置一个就行" onerror="imgUrl()" style="width:240px;height:320px;display:block;" /> 

<script language="javascript">

    function imgUrl() {

        document.images.imgInit.src = "http://avatar.csdn.net/6/E/E/1_leedaning.jpg";

    }

</script>

#11

多谢各位的热心帮助，我现在已经做好了，<img  id="imgInit" alt="海边风情" src="javaScript:NextPic()" >，这样就能调用JS的函数NextPic（）了。多谢版主了“就算执行了onload，你也循环调用了，要在函数中删除img的onload事件”，如果用onload确实要在函数中删掉该事件的。

#12

你这个 NextPic()函数是放在哪个位置执行，onload中吗 ？我的 NextPic() 不执行

#13

$("img").attr("src");

#14

引用 11 楼 leedaning 的回复:
多谢各位的热心帮助，我现在已经做好了，<img  id="imgInit" alt="海边风情" src="javaScript:NextPic()" >，这样就能调用JS的函数NextPic（）了。多谢版主了“就算执行了onload，你也循环调用了，要在函数中删除img的onload事件”，如果用onload确实要在函数中删掉该事件的。



哥能给个完整的代码吗？
我想学学，我刚刚html起步。一直想做个这个东西，就是没有头绪。
标签：

相关文章