`
wangzi6hao
  • 浏览: 215568 次
  • 性别: Icon_minigender_1
  • 来自: sdf
社区版块
存档分类
最新评论

js控制图片src 图片不变更

阅读更多
<html>
<head>
<script>
function test(){
     document.getElementById('img').src="xxx1.jpg?v="+new Data();
     //这里在ie浏览器下,可能会有缓存,所以加入时间参数,来防止缓存,在firefox,ie下都测试通过
}
</script>
</head>
<body>
<img src="xxx.jpg" id="img" onclick="test()">
<body>
</html>
 

 

分享到:
评论

相关推荐

    javascript修改IMG标签的src问题

    此外,在一些实际开发中,还可以通过设置HTTP头来控制图片的缓存策略,比如在服务器端设置`Cache-Control`、`Expires`或`Pragma`等HTTP头来控制缓存的行为,避免客户端缓存干扰正常的资源更新。 还有一点值得注意的...

    播放图片的好javascript代码

    5. **定时器**:`tt`变量用于存储定时器对象,用于控制图片自动切换的时间间隔。 #### 图片加载与预处理 - 代码中通过多个`new Image()`实例来预加载图片资源。例如: - `img1`, `img2`, `img3`分别代表三张不同的...

    【JavaScript源代码】vue图片拖拉转放大缩小组件使用详解.docx

    同时,`src`属性的变更会被观察,当图片源发生变化时,会重置`multiples`为1,并将图片元素的`left`和`top`设置回0,以便于新的图片能够从原始位置开始拖动。 总的来说,这个Vue组件利用了Vue的响应式系统、事件...

    【JavaScript源代码】react 实现图片正在加载中 加载完成 加载失败三个阶段的原理解析.docx

    在上述组件中,可以添加一个状态变量`isLoading`,当`isFlag`变更为true后,设置`isLoading`为false,从而控制loading动画的显示和隐藏。 总的来说,通过React的组件化思想和事件监听,我们可以轻松地实现图片加载...

    毕业设计:基于web的图片智能管理系统前端.zip

    【标题】"基于Web的图片智能管理系统前端"是一款利用现代前端技术实现的毕业设计项目,主要涉及Vue.js、JavaScript等关键技术。此系统旨在提供一个便捷的、智能化的图片管理平台,用户可以通过Web界面进行图片上传、...

    AirPower-JavaScript资源

    这对于排除一些临时文件、编译生成的文件或其他不应该被版本控制的文件非常有用。 .eslintrc.js 文件是 ESLint 的配置文件,通常以 JavaScript 文件的形式存在,允许开发者定义项目特定的规则、插件和环境配置。 ...

    src.zip

    此外,熟悉版本控制工具(如Git)对于跟踪代码变更和协同开发至关重要。在开发过程中,遵循良好的编程实践,例如代码注释、模块化和错误处理,可以提高代码质量和维护性。最后,持续学习和掌握新的编程技术和工具,...

    jquery图片浏览插件

    【jQuery图片浏览插件】是一种基于JavaScript库jQuery的交互式图片查看工具,它允许用户在网页上点击图片后,弹出一个放大版的照片,并提供翻页功能以便查看多张图片。这种插件大大提升了用户体验,使得在线查看图片...

    web页面 html+js

    "src"目录通常包含源代码文件,对于HTML+JS项目,这里可能有JavaScript文件或包含HTML模板的文件。开发者应当在此组织好代码结构,便于管理和维护。 总的来说,理解和掌握HTML与JavaScript是Web前端开发的关键。...

    js实现按钮加背景图片常用方法

    通过事件触发控制背景图片的方法更加动态,可以根据用户的交互行为来变更按钮的样式,增加了页面的互动性。使用CSS样式控制背景图片则更为静态,通过直接定义样式表来控制页面元素的外观,易于管理,且提高了页面...

    vue.js-shop项目

    Vuex是一个专为Vue.js应用程序开发的状态管理模式,它集中管理应用程序的状态,并提供响应式和可预测化的状态变更。这使得不同组件之间可以共享和同步数据,比如购物车的状态、用户登录信息等。 JavaScript和...

    x-sheet-JavaScript资源

    整个x-sheet-JavaScript资源包为开发者提供了一个全面的JavaScript开发环境,它涵盖了编码规范、静态资源管理、代码构建、依赖管理、版本控制、项目入口以及测试等各个方面,极大地提升了开发效率和项目的可维护性。...

Global site tag (gtag.js) - Google Analytics