javascript - JavaScript 代码片段正在破坏其他 JavaScript

Question

我管理的论坛是托管软件，因此我无法访问源代码，我只能向页面添加 JavaScript 来实现我需要完成的任务。

我正在尝试用超链接替换所有页面上某些文本关键字的第一个实例。我还根据国家/地区代码对这些链接进行地理定位。

我通过阅读本网站上的其他答案设法将下面的代码拼凑在一起，它实际上可以工作并且完全按照我想要的方式执行，但是它似乎弄乱了其他 JavaScript (或 jQuery？)之前已经加载到页面上。

有人能看出这段代码有什么问题会导致影响其他 JavaScript 代码吗？

var c = null;
$.get("https://pro.ip-api.com/json/?key=XXXXXXXXXX", function(data) {
  c = data.countryCode;
  if (c == "GB") {
    var thePage = $(".MessageList");
    thePage.html(thePage.html().replace('KEYWORD1 ', '<a href="http://www.exampleGBlink1.com">KEYWORD1</a> '));
    thePage.html(thePage.html().replace('KEYWORD2 ', '<a href="http://www.exampleGBlink2.com">KEYWORD2</a> '));
  } else {
    var thePage = $(".MessageList");
    thePage.html(thePage.html().replace('KEYWORD1 ', '<a href="http://www.exampleELSElink1.com">KEYWORD1</a> '));
    thePage.html(thePage.html().replace('KEYWORD2 ', '<a href="http://www.exampleELSElink2.com">KEYWORD2</a> '));
  }
  console.log(data.countryCode);
}, "jsonp");

此代码还存在另一个问题:它还替换了 HTML 代码中的关键字实例，因此我在关键字末尾添加了额外的空格作为解决此问题的方法。

编辑:

如果我在上面的代码下面添加下面的代码，那么一切正常，我的问题就消失了，怎么办？该文件不存在，并且出现控制台错误:“无法加载资源:net::ERR_INSECURE_RESPONSE”

<script src="https://www.RandomDomain.com/test.js"></script>

Answer 1

尝试将 JavaScript 包装在立即调用的函数表达式 (IIFE) 中。这将避免您使用的变量在全局命名空间上注册。像 c 这样的变量名很可能会被页面上加载的缩小脚本使用。

IIFE:

(function () {
  // Your JavaScript here.
})();