所以我有一个网站:www.site1.com
在它的 head 标签内我放置了这两个元素:
<link rel="shortcut icon" type="/favicon.ico?">
对于网站图标，
和
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
响应行为。
如果您导航到 www.site1.com，一切都会完美运行。
现在:网站的实际域名是www.site2.com 在这个域上导航的人似乎会得到一个新页面，其中包含包装 www.site1.com 网站的框架集。 我无法访问执行“魔术”的服务器(和代码):
问题是，这样我的页面的 head 元素将以某种方式被浏览器忽略:favicon 不显示并且网站不响应。
我尝试通过 JS 脚本在页面末尾动态添加 head 元素:没有成功。 然后我尝试将此脚本放入外部文件中，然后使用该文件的链接动态加载它:不起作用。 这两种解决方案都添加了元素，但仍在包裹头元素中，而不是在外部元素中。
最佳答案
JavaScript 的跨源限制使这成为不可能。
这是使用基于帧屏蔽的域名托管而不是正确配置 DNS 和网络服务器以将域名指向实际站点的缺点之一。
关于javascript - 在框架集之外创建头标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38746518/