js中将图片路径赋值给var

JavaScript016

js中将图片路径赋值给var,第1张

使用js,读取其中一个图片的路径,并把该图片的路径赋值给另一个图片。

2

/7

首先,创建一个文本文件,将扩展名重命名为htm。

3

/7

打开文件进行编辑,首先,创建两个图片元素对象,分别将ID设置为imgA和imgB。

4

/7

给imgA设置src,使之产生图像。imgB不设置,使他没有图像。

5

/7

给imgA添加点击事件,点击后,将imgA的路径赋值给imgB。

6

/7

加入script代码如下:

<script type="text/javascript">

function getLuJing()

{

var lujing=document .getElementById("imgA").src

document .getElementById ("imgB").src=lujing

}

</script>

7

/7

运行效果如下:

先给图片标签<img>赋个ID如<img

id="s"/>

然后在JS里写document.getElementById("s").src=图片路径就可以了

理论是可以的,首先用js取得location,然后在和图片路径相加 哦 想复杂了 其实很简单,你在image元素里面加个onclick事件,这样写 <table><tr> <td><input type="image" id="expression1" name="expression1" src="1.gif" onClick="soso(this)></td> <td><input type="image" id="expression2" name="expression2" src="2.gif" onClick="soso(this)></td> <td><input type="image" id="expression3" name="expression3" src="3.gif" onClick="soso(this)></td> <td><input type="image" id="expression4" name="expression4" src="4.gif" onClick="soso(this)></td> <td><input type="image" id="expression5" name="expression5" src="5.gif" onClick="soso(this)></td> </tr></table> <div id="abc"></div> <script language="javascript"> function soso(tt){ document.all("abc").innerHTML="<img Src='"+tt.src+"'>" } </script> _______________________