怎么在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标签混用