如何实现不刷新页面，只重新加载js文件？

JavaScript083

如何实现不刷新页面，只重新加载js文件？,第1张

不刷新页面，重新加载js文件的方法有：

通过js创建script标签，例如

var script = document.createElement("script")

script.src = "test.js"

document.body.appendChild(script)

2.通过ajax实现无刷新加载，ajax的方法可以自己写，也可以引用，以下引用的是jquery的ajax

$.ajax({

    type = "get",

    url : "test.js",

    dataType : "script"

})

总结：如果是自己写js，不引用。建议用第一种，第二种也可以参考。

原理

用js来点击按钮需要分2步，第一步是选中按钮的元素，第二步是使用元素自带的click函数。

例如接下来我将要演示的例子中，仅用

document.getelementbyid("btn").click()

一行就可以控制按钮点击。

其中document.getelementbyid("btn")是根究id获取按钮的元素，click()是使按钮被点击一次。

演示

这是我为此问题专门写的在线演示页面点击按钮演示页面。

页面结构如图

首先点击右下角打开控制台

然后输入

document.getelementbyid("btn").click()

这行代码

按回车运行代码即可弹出一行提示，说明按钮被点击。你可以用鼠标点击一下按钮，也是这个效果。