不刷新页面，只重新加载js文件

最新推荐文章于 2023-08-23 10:28:01 发布
最新推荐文章于 2023-08-23 10:28:01 发布
阅读量1.9w 收藏 7
点赞数 1
分类专栏： js、jquery 文章标签： javascript 函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011140030/article/details/77980364
版权

加载js文件三种方法，如下：
1、重新加载js文件：

function loadJs(file)
{
    var head = $("head").remove("script[role='reload']");
    $("<scri"+"pt>"+"</scr"+"ipt>").attr({ 
    role:'reload',src:file,type:'text/javascript'}).appendTo(head);
}

2、给js定个id，重新加载：

function reloadAbleJSFn(id,newJS)
{
    var oldjs = null; 
    var t = null; 
    var oldjs = document.getElementById(id); 
    if(oldjs) oldjs.parentNode.removeChild(oldjs); 
    var scriptObj = document.createElement("script"); 
    scriptObj.src = newJS; 
    scriptObj.type = "text/javascript"; 
    scriptObj.id = id; 
    document.getElementsByTagName("head")[0].appendChild(scriptObj);
}

3、jquery的就直接使用getScript就可以：

<head>
    <script type="text/javascript" src="../jquery.js"></script> 
    <script type="text/javascript"> 
    $(function()
    {
        $('#loadButton').click(function(){
            $.getScript('new.js',function(){
                newFun('"Checking new script"');//这个函数是在new.js里面的，当点击click后运行这个函数
            });
        });
    }
    </script> 
</head> 
<body> 
    <button type="button" id="loadButton">Load</button>
</body>
蓝陌丶
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
重新加载js文件
sinat_23534953的专栏
05-21 7772
第一种方法： function addscript(){ var js=document.getElementById("find"); var script=document.createElement("script"); script.type="text/javascript"; script.src="js/edit.js"; script.id="find";
JS实现重新加载当前页面
10-21
在JavaScript中，重新加载当前页面或上级页面是常见的操作，特别是在动态更新内容或者处理表单提交后需要刷新页面的情况下。本文将深入讲解如何利用JavaScript来实现这一功能，并提供相关实例代码。 首先，我们来看...
javascript实现页面的重新加载和页面的刷新
热门推荐
金州饿霸吃不饱的博客
06-06 3万+
1、reload 方法，该方法强迫浏览器刷新当前页面。  语法：location.reload([bForceGet])  参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) 2、 replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用r...
JS实现页面刷新和重新加载功能（关闭当前窗口）
HaleyTiger的博客
03-09 1万+
一、刷新或重新加载当前页面 序号 方法 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(‘Refresh’) 6 window.navigate(location) 7 location.rep...
动态加载执行 JS 文件、前端文件下载方式汇总
蚩尤后裔-汪茂雄
11-07 2761
目录 重新加载 JS 文件 动态加载 JS 文件 对话框 confirm 方法 开发中根据需求来动态加载 JS 文件，或者在某些情况下需要重新加载某个 JS 文件。 重新加载 JS 文件 应用中的某些 JS 文件如果在某些条件下需要重新加载时，最简单的思路就是先删除原来的 JS 文件，再重新添加。为了方便，使用 JQuery 操作。 <!DOCTYPE html> &l...
服务器更新js后，浏览器不用刷新就能运行新的js方法
wslzjr的博客
11-19 526
在加载js文件的src后面带上任意一个参数，举个例子： <script type="text/javascript" src="xxxxx.js?verson=1"></script> 今后跟着js的升级替换版本号就行，搜索所有 .js?verson=1 替换为 .js?verson=2 ...
清除引入js缓存，vue切换页面重新加载
ygangying的博客
07-14 1689
require.cache删除js缓存。require引入的js。
h5单页面上拉刷新下拉加载
10-16
综上所述，此项目通过JavaScript和CSS实现了H5页面的上拉刷新和下拉加载功能，同时结合了tab选项卡设计，提供了一种高效的浏览体验，用户可以在不同内容间切换，并轻松获取更新数据。在开发过程中，需要考虑性能优化...
js仿手机页面文件下拉刷新效果
11-26
- `slideDownStep2()` 函数在用户松开手指时执行，隐藏“松开刷新”提示，显示“正在刷新...”，并在此处可以触发数据的刷新逻辑，例如使用`location.reload()`来重新加载页面。 - `slideDownStep3()` 函数在刷新...
点击按钮或链接不跳转只刷新页面的脚本整理
09-04
`reload()`函数会重新加载当前URL，这与用户手动刷新页面的行为相同。 ```html 刷新" onclick="location.reload()"> ``` 3. 使用`location=location` 或 `location.assign(location)`： 这两个方法都将当前URL...
动态加载JS文件的三种方法
12-07
直接看实例。例1 重新加载js文件 代码如下:function loadJs(file) {            var head = $(“head”).remove(“script[role=’reload’]”);            $(“” + “”).attr({ role: ‘reload’, src: file, type: ‘text/javascript’ }).appendTo(head);} 例2 重新载入javascript文件的方法(给js定个id),自己封装成一个方法方便大家使用： 代码如下:functio
如何在MVC4 Razor中刷新（重新加载）页面
04-04
在开发过程中，有时我们需要在用户交互后刷新或重新加载页面，以反映最新的数据或操作结果。本文将深入探讨如何在MVC4 Razor环境中实现页面刷新。 首先，了解基本的Razor语法是至关重要的。Razor视图引擎使用`@`...
如何强制 Vue.js 重新加载或重新渲染？
最新发布
hollebug的博客
08-23 505
有时我们更改了Vue data中的属性，然而页面并没有更新，我们该如何处理呢，官网提供了$forceUpdate 方法来强制刷新视图，方法的影响范围为实例本身和插入插槽内容的子组件，而不是所有子组件。
使 WebBrowser 更简单的新加和执行 js, 可安装 jQuery 脚本的 C# 开源代码 - IEBrowse...
gold0523的专栏
10-04 1万+
使 WebBrowser 更简单的新加和执行 js, 可安装 jQuery 脚本的 C# 开源代码 - IEBrowse...
c#： WebBrowser控件注入js代码的三种方案
02-07 1046
聊做备忘。 假设js代码为： 1 stringjsCode =@"function showAlert(s) {{ alert('hello, world! ' + s);}}; showAlert('{0}');"; 甚至，您亦可以引用外部js文件： exjsUrl = "http://www.cr-soft.net/js/ckey.js"; private void LoadExternalJs() { var head = this...
页面不刷新，只重新加载js文件 function 方法
还想做MAD
03-20 2724
/** * 重新加载下js文件 * @param id * @param newJS * @returns {boolean} ...
js控制重新加载css和js
yhq1913的博客
07-22 1万+
重新加载js的方法 var head = $("head").remove("script[role='reload']"); $("" + "").attr({ role: 'reload', src: getRootPath()+"/j
ajax不刷新页面，只重新加载js文件的方法
徊忆羽菲
03-12 3059
ajax不刷新页面，只重新加载js文件的方法重新加载js文件给js定个id，重新加载jquery的就直接使用getScript 重新加载js文件 function loadJs(file) { var head = $("head").remove("script[role='reload']"); $("&lt;scri"+"pt&gt;"+"&lt;/scr"+&q
jsp刷新页面如何加载背景色
05-24
要在 JSP 页面刷新时加载背景色，可以在 JSP 页面中使用 JavaScript 代码来实现。具体实现步骤如下： 1. 在 JSP 页面中定义一个 CSS 样式，用于设置页面的背景色。例如： ``` <style> body { background-color: #f0f0f0; } </style> ``` 2. 在 JSP 页面中加入 JavaScript 代码，用于在页面刷新时重新加载 CSS 样式。例如： ``` <script> window.onload = function() { var links = document.getElementsByTagName('link'); for (var i = 0; i < links.length; i++) { var link = links[i]; if (link.getAttribute('rel') === 'stylesheet') { link.href += '?refresh=' + new Date().getMilliseconds(); } } }; </script> ``` 这段代码会在页面加载完成后，遍历页面中所有的 CSS 样式链接，并在链接末尾加上一个随机数，以强制浏览器重新加载 CSS 样式。 3. 在 JSP 页面中调用上述 JavaScript 代码。例如： ``` <% // 此处可以插入需要执行的 Java 代码 // 加载 JavaScript 代码 out.println("<script src=\"js/refresh.js\"></script>"); %> ``` 这段代码会在 JSP 页面中加载名为 "refresh.js" 的 JavaScript 文件，其中包含了页面刷新时重新加载 CSS 样式的代码。 注意：在实际应用中，还需要将 CSS 样式和 JavaScript 文件放置在正确的路径下，并将代码中的路径修改为正确的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值