我想在Javascript中根据当前主机名设置页面的基本href属性。我已经生成了可以在不同主机名上查看的HTML页面,这意味着生成一个基本href标记将在一个主机名中工作,但在另一个主机名中将是不正确的。
发布于 2017-06-11 09:21:37
我想你最好这样做。
<script type="text/javascript">
document.head.innerHTML = document.head.innerHTML + "<base href='" + document.location.href + "' />";
</script>
因为location.hostname
没有返回应用程序上下文根!您还可以在控制台console.log
上记录document.location
,以查看document.location
上的所有可用元数据。
发布于 2016-08-26 12:29:04
document.write("");
<script>
document.write("<base href='"+ window.location.protocol +'//' + window.location.host + "' >");
</script>
发布于 2019-09-12 23:51:50
我不同意上面的答案。“不正确的”解决方案是错误的唯一原因是它没有考虑到协议,所以它将失败。
我必须考虑的协议/主机/端口的工作解决方案如下
var base = document.createElement('base');
base.href = window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
document.getElementsByTagName('head')[0].appendChild(base);
目前,这在包括IE11在内的所有主流浏览器中都能正常工作
我用它制作了一个npm包,如果有人感兴趣的话,它还支持在这个基本href的末尾添加一个后缀。
https://stackoverflow.com/questions/3494954
复制相似问题