javascript - 通过地址栏加载远程 JavaScript 文件

Question

是否可以从地址栏加载远程 JavaScript 文件？

我一直在尝试将其放入地址栏:

javascript:src='http://depot.com/file.js';funcname();

我不会用它做坏事。我只是在测试我的网站，仅此而已。如果你想保护你的网站，你必须先学会攻击它，对吧？

Answer 1

我想您应该能够执行以下操作:

javascript:(function () {
  var newScript = document.createElement('script');
  newScript.type = 'text/javascript';
  newScript.src = 'http://depot.com/file.js';
  document.getElementsByTagName('body')[0].appendChild(newScript);
})();

这是一个非常有用的示例(将其粘贴到您的地址栏中):

javascript:(function () {
  var newScript = document.createElement('script');
  newScript.type = 'text/javascript';
  newScript.src = 'http://cornify.com/js/cornify.js';
  document.getElementsByTagName('body')[0].appendChild(newScript);

  for (var i = 0; i < 5; i++) {
    newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.src = 'http://cornify.com/js/cornify_run.js';
    document.getElementsByTagName('body')[0].appendChild(newScript);
  }
})();

瞧:

其实是这样的cornify.com在他们的书签中包含远程脚本。

---

更新:

作为@Ben noted in the other answer ，调用远程脚本中定义的函数并不是那么简单。 Ben 针对这个问题提出了一种解决方案，但还有另一种解决方案，即 cornify 正在使用的解决方案。如果查看 http://cornify.com/js/cornify_run.js，您会发现该文件中只有一个函数调用。你可以将你的 funcname() 调用放在一个单独的 JavaScript 文件中，就像 cornify 所做的那样，因为脚本 block 保证按照它们插入的顺序执行。然后您必须包括这两个脚本，如以下示例所示:

javascript:(function () {
  var newScript = document.createElement('script');
  newScript.type = 'text/javascript';
  newScript.src = 'http://depot.com/file.js';
  document.getElementsByTagName('body')[0].appendChild(newScript);

  newScript = document.createElement('script');
  newScript.type = 'text/javascript';
  newScript.src = 'http://depot.com/file_run.js';
  document.getElementsByTagName('body')[0].appendChild(newScript);
})();

file_run.js 仅包含对 funcname() 的调用。