js改img中src，js替换img路径

怎么用js设置img标记的src

在ue编辑器中新建一个空白的html文件，js文件。在ue编辑器中输入以下html代码。在ue编辑器中输入以下js代码。编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

方法：只需要每次刷新图片时，在img的src地址后面拼接一个随机数即可。

img.src = photo[randomnum]；这样是直接把 photo[randomnum]； 这个字符串赋值给了src。引号里面是不能放变量的，只会被当作普通字符。正确的写法应该是：img.src = photo[randomnum]；不需要引号。

例如：index.html，并引入jquery。在index.html中的script标签，输入jquery代码：$(img).attr(src， smallpng)；。浏览器运行index.html页面，此时成功用jquery把图片地址放入了img标签的src中。

相关问答

Q1: js动态改变img的src为什么部分图片可以显示,部分图片显示不了

1、把以上这段代码加在head/head之间 然后在图片显示的时候，用这种方式：img src=xxx.gif border=0 onload=javascript：DrawImage(this)； (其中xxx.gif是你要显示的图片)以上代码我过N次了。

2、在平常的处理中，img的src通常采用相对路径的方式来指定，然而在Vue中通过‘：src’动态绑定时不能如此，图片会加载失败。

3、提供给你个思路吧，js源码没整理，所以给你也运行不了，不太复杂。

4、图片显示不出，一般有三个问题： 图片所在路径错误 使用绝对路径 解决方法： 右键查看图片的详细属性，对比文件所在路径与书写的url，再进行修改即可。

5、js背景图片代替img显示：使用Jsoup可以解析HTML文本，然后使用Document对象可以获取到所有的图片元素。由于没有加载CSS，所以可能会出现图片过大导致浏览器可以左右滑动而无法显示图片的问题。

Q2: javascript怎么动态更改img标签的src属性?

方法：只需要每次刷新图片时，在img的src地址后面拼接一个随机数即可。

如果你想不想浪费资源，那就不要定义new Image()了，直接定义一个变量存储图片的路径就好了，需要改变imgsrc属性时，直接把变量的值赋予img标签的src属性。

思路：使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性。

Q3: 网页中通过js修改img的src属性刷新图片

1、如果是用表单上传的文件，而不是用ajax的话，那就是同步更新，页面是肯定会被刷新的。

2、img)[0].src=jpg；myNum=1；} } /script /head body onload=Init() img src=jpg /body /html document.all() 得到的应该是一个图片数组，所以应该加个下标就OK了。

3、如何用javascript实现图片定时切换 思路：使用javascript定时器函数setTimeout()以一定的毫秒间隔执行动作，在执行的动作中循环替换图片的src属性。

4、你的 if 不执行是因为当 JavaScript 运行到这一行的时候 img 还没有被加载，得不到 width 和 height 属性值，瞬间就被忽略了。所以你必须等每一个 img 加载才能设置它父层 bt 的尺寸。

Q4: JS怎么更换img中src路径

可以使用jQuery的“attr”方法改变img的图片路径。

经过在浏览起端调试，发现当src的地址不变时，浏览器会从缓存里面取出来。而浏览器缓存的还是之前的图片。所以图片不会变化。

js函数，直接修改img标签的src属性就可以了，指向你要的图片的url。

在项目中你可以设置公共部分，每次要用到的话，引入就可以了。比如项目的head部分和foot部分。至于js、css和img，这个各建一个文件夹，然后分别放进去，在页面中引入即可。如果你改动了就要检查路径是否对应。

js改img中src的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js替换img路径、js改img中src的信息别忘了在本站进行查找喔。