(纯js)如何不刷新网页就能链接新的js文件

如何不刷新网页就能链接新的js文件,其实在HTML语言中已经有相关的函数了,就是再添加一个<script src=.....></script>。

函数很简单,叫document.body.appendChild(script);

使用方法如下

<!DOCTYPE html><html><head><meta charset="utf-8">
<script language="javascript" >
function myFunction(){	var script = document.createElement("script");	script.src = "cs.js";	document.body.appendChild(script);	var t=setTimeout("demo()",10);//这是一个延迟执行函数,以便在新JS添加后再执行新JS里的函数。		}
</script>
</head><body>
<input type="button" onclick="myFunction()" value="显示警告框" />
</body></html>

  

这是cs.JS

function demo(){
	alert("你好");
}

可以尝试在网页打开后修改cs.js中的你好为其他,然后再点击 显示警示框按钮 便会弹出你修改后的内容而非“你好”

原文地址:https://www.cnblogs.com/duyuanshang/p/12386899.html

时间: 2024-07-30 03:22:26

(纯js)如何不刷新网页就能链接新的js文件的相关文章

修改了JS代码,刷新网页后,加载的JS还是原来旧的?

本地修改JS脚本后,刷新网页看一下修改后的执行效果,结果调试显示加载的JS还是原来旧的,反复刷新均无效,郁闷! 解决办法:清理一下浏览器缓存(长经验了!)   

模仿yui将css和js打包,加速网页速度

如果你有机会用firebug看看自己网站的网络请求,你会发现请求数量之多超乎你的想象.为减少这个数量,有许多技术方案.比如yui的combo,会将所有需要的js混合成一个文件下载,现代web服务器好像也有这种技术,通过分析网页的链接,将一些文件合并.但这是别人实现的,也许不合你的需求.以下代码是本人在诗篇建站平台上的一个servlet,希望能给你写类似的代码起到一些参考作用. 1.约定格式.这是: http://www.m3958.com/in 的网页源代码的片段,你必须在客户端和服务器端约定格

response常见应用、response细节、输出随机图片、定时刷新网页

response常见应用 向客户端输出中文数据 分别以OutputStream和PrintWriter输出 多学一招:使用HTML语言里面的<meta>标签来控制浏览器行为 思考:用OutputStream输出1,为什么用户看到的不是1? 文件下载和中文文件的下载 输出随机图片 package com.hbsi.response; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java

70.JS---利用原生js做手机端网页自适应解决方案rem布局

利用原生js做手机端网页自适应解决方案rem布局 刚开始我用的是下面这段代码,然后js通过外部链接引入,最后每次用手机刷新网页的时候都会出现缩略图 function getRem(pwidth, prem) { var html = document.getElementsByTagName("html")[0]; var oWidth = document.body.clientWidth || document.documentElement.clientWidth; html.s

UIWebView和网页的交互(OC中调执行JS)

UIWebView和网页的交互(OC中调执行JS) - (void)viewDidLoad { [super viewDidLoad]; // 1.webView UIWebView *webView = [[UIWebView alloc] init]; webView.frame = self.view.bounds; webView.delegate = self; // 伸缩页面至填充整个webView webView.scalesPageToFit = YES; // 隐藏scroll

js实现无刷新上传

在新增数据项的时候,用ajax实现无刷新提交,但上传文件的时候,由于数据类型原因,不能将页面的<asp:FileUpload>中以字符串值的方式传到js里调用.我一共找到了两个方法予以解决,实现无刷新上传. 第一种方法:利用js的ADODB.Stream,将文件先转换成流,再通过js上传到服务器,这样有个好处就是可以上传超大文件,并且由于是数据流,可以支持断点续传.方便显示上传进度等人性化功能.唯一的缺点是要客户端浏览器需要设置安全级别,或者安装相关ActiveX控件(这个控件自己做的,加载到

js中页面刷新和页面跳转的方法总结 [ 转自欢醉同学 ]

.js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结 文章分类:Web前端 关键字: javascript js中页面刷新和页面跳转的方法总结 1.history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascri

iOS UIWebView和网页的交互(OC中调执行JS)

UIWebView和网页的交互(OC中调执行JS)- (void)viewDidLoad{[super viewDidLoad];// 1.webViewUIWebView *webView = [[UIWebView alloc] init];webView.frame = self.view.bounds;webView.delegate = self;// 伸缩页面至填充整个webViewwebView.scalesPageToFit = YES;// 隐藏scrollViewwebVie

js实现双击后网页自动跑-------Day55

公司的界面设计环节总算是告一段落了,必须要承认的是,这段时间晚间的学习带给我很多益处,在工作中偶尔的应用,效果出奇的好,收到领导和同事的一些小赞扬,表示很欣慰,也长了点不少自信,虽然不理解,他们这些工作好几年的人应该对这些不是应该都很了解么,为什么会表现出来有些陌生,不过不想那么多了,喜欢就好. 今天来记录下js实现双击后网页自动跑,这个在很多网站上都有所体现吧,那么该如何实现呢? 首先我们来分析下实现的基本原理: 1.获取鼠标的双击事件(这个在前面曾经记录过一次,但是很不幸的是上次貌似还写错了