我不知道这是否可能,所以如果这个问题显得有点无知,我提前道歉。 我正在开发一个必须使用模板的网站,并且不允许使用 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)
})
关于javascript - 使用JQuery修改外部JS文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21396377/