javascript - 使用 Javascript 添加 标签 href 不起作用

Question

HTML 基本标签用于指定页面上所有链接的默认 URL 和默认目标。我的 Angular 页面的域是动态的(测试、生产等)。

由于 IE9 和 IE10 似乎不支持像“app/”这样的相对路径，但需要它是绝对路径，因此需要一个解决方案来指定正确的基“href”。

我尝试添加以下内容但没有成功:

<script type="text/javascript">
    document.write("<base href='http://localhost:8080/app/' />");
</script>

它生成与“硬编码”相同的 DOM 标记，如下所示:

<base href='http://localhost:8080/app/' />

硬编码版本确实可以在所有测试的浏览器中运行，但 JavaScript 版本则不能。它实际上只适用于 IE9(根据我的测试)。

我的猜测是，任何基本标签在任何 JS 运行之前都会被“解析”，这就是浏览器不将其应用于链接的原因，因为它找不到那时...但这只是一篇论文。

有什么想法吗？

Answer 1

我认为BASE标签应该用在HEAD中，而不是BODY中。所以你应该将 BASE 添加到他正确的位置。

Example

var base = document.createElement('base');
base.href = 'http://www.w3.org/';
document.getElementsByTagName('head')[0].appendChild(base);

这应该可以解决问题。