打卡网页自动刷新网页资源文件

最近公司要求写一个网页用来保存报表数据,将报表导出存储在一个dataSource.js的文件中,然后向写好的网页直接读取该文件即可。

之前一直有一个问题,就是每次dataSource文件修改后,网页内容不能及时修改,显示的还是前一个dataSource的内容,经过网上查资料加自己的摸索,找到一个实现的方法:

在引用dataSource文件时,为其指定一个id:

<script src="dataSource.js" charset="gb2312" id="js"></script>

然后在执行js前面,加上一个参数动态引用即可:

document.getElementById("js").src = "dataSource.js?random=" + new Date();

本人使用的是在后面加上一个日期时间。这样每次打开页面都会重新加载引用的资源文件,达到一个刷新的效果。

时间: 2024-10-10 00:48:42

打卡网页自动刷新网页资源文件的相关文章

Spring boot 国际化自动加载资源文件问题

Spring boot 国际化自动加载资源文件问题 最近在做基于Spring boot配置的项目.中间遇到一个国际化资源加载的问题,正常来说只要在application.properties文件中定义正确的资源文件路径,Spring boot就启动时就会自动加载资源. spring.messages.basename=i18n/message 但是我的项目修改后获取消息时系统报错,找不到对应语言的资源配置.于是试图找到原因.Google好久都没找到,简直好像就我一个人遇到这鬼问题一样??.只好自

使用Gulp实现网页自动刷新:gulp-connect

入门指南 1. 全局安装 gulp: npm install --global gulp 2. 作为项目的开发依赖(devDependencies)安装: npm install --save-dev gulp 3. 在项目根目录下创建一个名为 gulpfile.js 的文件: var gulp = require('gulp'); gulp.task('default', function() { // 将你的默认的任务代码放在这 }); 4. 运行 gulp: gulp 默认的名为 defa

使用VScode配合chrome实现网页自动刷新

1.使用插件:livereload 2.VScode商店中搜索上述插件安装 3.Chrome商店中搜素上述插件安装 并设置允许访问文件网址: 4.在两方插件都打开的情况下,VScode中按下ctrl+S保存后chrome便会自动刷新出最新网页. 5.无法自动刷新的情况: 点击chrome的该扩展程序若显示Could not connect to LiveReload server. Please make sure that a compatible LiveReload server is r

打开页面自动刷新网页,自动刷新当前页面,JS调用

reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前进"和"后退"来访问已经被替换

网页自动刷新的实现

有时候用到页面整体自动刷新,在前端可以用两种方式实现,第一种是利用meta标签发送http头实现自动刷新,第二种是使用javascript函数延时实现自动刷新. 1.利用meta标签实现页面自动刷新 meta标签可以有很多功能,位置是放在HTML代码的<head></head>之间,如下可实现每过5s刷新一次页面, <meta http-equiv="refresh" content="5"> http-equiv="r

百度网盘机器人自动加好友回复消息自动发货发资源文件

百度网盘机器人防止网盘分享链接失效 在具体使用百度网盘机器人之前,我们先来聊聊机器人的具体应用,关于网盘分享链接失效的问题,目前基本上是一个坎,所有人都在找解决办法,但没办法彻底解决.但是通过加网盘好友或者群组分享文件的形式能够稍微改善失效问题.于是百度网盘的好友会话和群组得以被人大量使用.防止网盘分享链接失效的最好办法是不分享链接,直接用好友分享文件的方式自动发送文件给对方.当别人发送什么关键词时,网盘机器人自动发送对应关键词的提示信息和对应文件给别人. 百度网盘机器人解决无法大量分享链接问题

[工具]web开发时自动刷新网页:liveReload

传统网页开发流程:用sublime text写好代码,运行,发现问题,再回到sublime text修改,运行…如此往复,十分繁琐.今天看到有人(<LiveReload>讓Sublime Text儲存後網頁自動同步更新)用liveReload实现了网页开发同步更新,试了试,果真不错,具体配置方法如下. 需要插件 sublime text:View in Browser:LiveReload chrome:liveReload 配置方法 1.在sublime text安装插件 view in b

Java Web应用中自动实时检测资源文件内容变化

在Java Web应用中,我们经常需要配置文件来定制系统行为,这些配置文件可能包括:类路径下的文件和文件夹.非类路径下的绝对路径和相对路径的文件和文件夹,在分布式环境中,还需要通过HTTP从统一集中的Web服务器中获得配置信息,如何对这些配置信息进行自动加载并实时检测变化呢? Java分布式中文分词组件 - word分词已经实现了这个功能,我们看看是如何实现的: package org.apdplat.word.util; import java.io.BufferedReader; impor

静态资源文件自动压缩并替换成压缩版本(大型网站优化技术)

原文:静态资源文件自动压缩并替换成压缩版本(大型网站优化技术) 这一次,我总结和分享一项大型网站优化技术,那就是在项目中自动压缩静态资源文件(css.js),并让网站自动加载压缩后的资源文件.当然,这项技术在雅虎35条前端优化建议里也有记载,但它那只是给出一个理论的方案而已,并且采用的是外部压缩工具去压缩,而在我的项目中,是直接通过自己的程序自动化去压缩所有css.js文件,然后让页面直接加载所压缩后的资源,接下来直接进入主题. 本次实验使用的是PHP脚本语言,版本是PHP5.6,是在LINUX