怎么在html的<img src="">中调用js的函数或者js变量来指定图片路径?

JavaScript020

怎么在html的<img src="">中调用js的函数或者js变量来指定图片路径?,第1张

<img src="?" onload="this.src='图片地址'" onerror="this.src='图片地址'" />

如果想实现轮播而又想直接通过图片来触发事件,那么可以用下面两种方法来实现:

1、img标签的src属性事先不放实际存在的图片网址,则网页显示后会触发img的onerror事件,那么

<img src="?" id=img1 onerror="nextpic()" />

2、img标签的src属性事先放入实际存在的图片网址,则网页显示后会触发img的onload事件,那么

<img src="123.gif" id=img1 onload="nextpic()" />

<html>

<head>

<script type="text/javascript" language="javascript">

function toURL()

{

return "http:\/\/www.abc.com\/getpic.asp?url="

}

</script>

</head>

<body>

<img id="img1" src="http://www.xyz.com/123.jpg"/>

<script type="text/javascript" language="javascript">

document.getElementById('img1').src=toURL()+document.getElementById('img1').src

</script>

</body>

</html>

上面代码是你要的效果吗?你那样嵌套是不对的js可以动态的画出<html>对象,但在<html>对象中只能用onclick,onmouseover等事件调用js,不可以直接引用像你这样写的脚本,那样浏览器是无法正确识别的。