javascript - 使用JQuery修改外部JS文件

标签 javascript jquery

我不知道这是否可能,所以如果这个问题显得有点无知,我提前道歉。 我正在开发一个必须使用模板的网站,并且不允许使用 PHP 等服务器端语言。网站上有一个外部 JS 文件,我想修改它,但我不知道如何使用 JQuery 从主脚本访问/修改它。

如果还不清楚,这里有一个例子:

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="fileToModify.js"></script>
<title>Untitled Document</title>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>code to modify external file goes here</script>
</body>
</html>

在上面的示例中,我希望能够将代码(在 JQuery/JS/类似的其他语言中)放置在“修改外部文件的代码位于此处”的位置,并更改“fileToModify.txt”的本地副本。 js”(例如,删除其中的函数)。我知道,如果成功,这样的删除不会改变服务器上托管的真实文件;我只是在用户下载本地副本时尝试更改本地副本,以更改其在页面加载后的行为方式)。

使用 JQuery/JS/类似的东西可以完成这样的任务吗?

感谢您的帮助

最佳答案

您可以使用ajax来获取文件的内容(而不是执行它),然后使用javascript来替换一些数据。然后你可以使用eval来执行它。

$.ajax({
  method: 'GET',
  dataType: 'text',
  url: 'to-modify.js'
}).then(function(data) {
  data = data.replace('bar();', '')
  eval(data)
})

<强> Live demo (click)

关于javascript - 使用JQuery修改外部JS文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21396377/

相关文章:

javascript - 我想使用 ajax 和 PHP 获取每个帖子数据的喜欢总数

javascript - 如何判断用户是否已经切换到当前浏览器的另一个标签页

javascript - JavaScript 中检查变量是否仅为整数的最佳方法

jquery - 从不同域加载页面的最快方法

JavaScript 抛出 'cannot read property ... of undefined' 错误

javascript - 根据背景更改文本颜色

javascript - jQuery 拼接 inArray 与多个关键对象

javascript - WooCommerce 购物车数量按钮仅在重新加载后显示

javascript - 网站联系表(网站吸盘网站)

javascript - 使用 RequireJS 加载 jQuery : different name convention in third-party libraries