javascript - JavaScript 文件中的代码如何获取文件的 URL？

Question

我需要将 CSS 样式表动态加载到位于不同 域的页面中。如何获取 JS 文件的完整 URL 以在样式表的 href 属性中使用？

例如，这是结构:

http://bla.com/js/script.js

http://bla.com/css/style.css

我想将样式表动态加载到页面中 http://boo.net/index.html 。问题是，我事先不知道 bla.com 位，只是样式表在 ../css/ 相对于 JS 文件的事实。

当然，该脚本包含在 index.html 中。 jQuery 也很好。

Answer 1

在脚本标签中添加一个ID:

<script type="text/javascript" id="myScript" src="http://bla.com/js/script.js"></script>

在 http://bla.com/js/script.js 中:

var myScript = document.getElementById('myscript');
var myScriptSrc = myScript.getAttribute('src');
alert(myScriptSrc); // included for debugging

您应该能够操纵 myScriptSrc 的值来获取 bla.com 上任何其他内容的路径。

我觉得这个样本是什么James Black意思在他的回答中。

最后，对于所有建议使用 document.location 的人，请记住，如果您想要对当前页面地址进行只读访问，您应该使用 document.URL 或 window.location。如果要设置页面地址，应始终使用 window.location.href。尽管 window.location = 'location'; 有效，但看到一个字符串被分配给一个位置总是让我很困扰。我不确定为什么，因为 JavaScript 允许各种其他隐式类型转换。

• mozilla reference : document.location 最初是一个只读属性，尽管 Gecko 浏览器也允许您分配给它。为了跨浏览器安全，请使用 window.location反而。要仅检索字符串形式的 URL，只读 document.URL可以使用属性。
• Sun reference : 不要使用 location作为 document 对象的属性；使用 document.URL属性(property)代替。 document.location 属性是 document.URL 的同义词，已弃用。