怎么在html的中调用js变量存储的图片路径？

时间：2022-10-28 21:18:20
怎么在html的<img src="">中调用js变量存储的图片路径？

<html>
<head>
<script language="javascript">
var adres="D:\image";
</script>
</head>
<body>

<img src="001.jpg">

</body>
</html>

请问怎么把js的变量adres中存储的路径用到<img src="js定义的adres变量+001.jpg">

9 个解决方案

#1

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>无标题文档</title>


    </head>


    <body>


<img src="001.jpg">

	<script language="javascript">

	var adres="D:\\image\\";

	var imgs = document.getElementsByTagName("img");

	for (var i in imgs)

	{

		imgs[i].src = adres+imgs[i].src

	}


</script>

	</body>

</html>

#2

<IMG src="" onload="javascript:this.src=adres;"> 

#3

感谢回签，我想知道在这个地方能调用js定义的adres变量吗？
<img src="调js定义的adres变量\001.jpg">

#4

你还是不要什么本地路径了，用http路径比较好 

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <title>无标题文档</title>


    </head>


    <body>


<img src="2_p2227.jpg">

	<script language="javascript">

	var adres="http://avatar.profile.csdn.net/5/A/2/";

	var imgs = document.getElementsByTagName("img");

	for (var i in imgs)

	{

		imgs[i].src = adres+imgs[i].src.replace(/.*\//,'');

	}


</script>

	</body>

</html>

#5

因为这个本地路径可能经常要换的，所以我想这个路径存成一个js变量，到时只要改这个变量就可以了，不用每个文件都要去改路径。

#6

感谢回签，我想知道在这个地方能调用js定义的adres变量吗？
<img src="调js定义的adres变量\001.jpg">
 

#7




var _img=document.createElement('img');

_img.setAttribute("adr","http://static.googleadsserving.cn/pagead/imgad?id=CICAgKD1_Ov-GhB4GNgEMggJCyaImgsEtw");

_img.id='pic';

document.body.appendChild(_img);

document.onclick=function(){

	var img=document.getElementById('pic');

	img.src=img.getAttribute('adr')	

}

#8

所有页面外部引用同一个js文件.js里去改变对应图片的src
你那样的html代码里写js变量 浏览器根本不会识别

#9

引用 6 楼 liuvb 的回复:
感谢回签，我想知道在这个地方能调用js定义的adres变量吗？
<img src="调js定义的adres变量\001.jpg">

不可以 没有这样的规定允许js变量和html标签混用

#1

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>无标题文档</title>


    </head>


    <body>


<img src="001.jpg">

	<script language="javascript">

	var adres="D:\\image\\";

	var imgs = document.getElementsByTagName("img");

	for (var i in imgs)

	{

		imgs[i].src = adres+imgs[i].src

	}


</script>

	</body>

</html>

#2

<IMG src="" onload="javascript:this.src=adres;"> 

#3

感谢回签，我想知道在这个地方能调用js定义的adres变量吗？
<img src="调js定义的adres变量\001.jpg">

#4

你还是不要什么本地路径了，用http路径比较好 

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <title>无标题文档</title>


    </head>


    <body>


<img src="2_p2227.jpg">

	<script language="javascript">

	var adres="http://avatar.profile.csdn.net/5/A/2/";

	var imgs = document.getElementsByTagName("img");

	for (var i in imgs)

	{

		imgs[i].src = adres+imgs[i].src.replace(/.*\//,'');

	}


</script>

	</body>

</html>

#5

因为这个本地路径可能经常要换的，所以我想这个路径存成一个js变量，到时只要改这个变量就可以了，不用每个文件都要去改路径。

#6

感谢回签，我想知道在这个地方能调用js定义的adres变量吗？
<img src="调js定义的adres变量\001.jpg">
 

#7




var _img=document.createElement('img');

_img.setAttribute("adr","http://static.googleadsserving.cn/pagead/imgad?id=CICAgKD1_Ov-GhB4GNgEMggJCyaImgsEtw");

_img.id='pic';

document.body.appendChild(_img);

document.onclick=function(){

	var img=document.getElementById('pic');

	img.src=img.getAttribute('adr')	

}

#8

所有页面外部引用同一个js文件.js里去改变对应图片的src
你那样的html代码里写js变量 浏览器根本不会识别

#9

引用 6 楼 liuvb 的回复:
感谢回签，我想知道在这个地方能调用js定义的adres变量吗？
<img src="调js定义的adres变量\001.jpg">

不可以 没有这样的规定允许js变量和html标签混用
标签：

相关文章