从子框架内更改网站图标
我有一个由提供商设置的域parent.example，用于将“带屏蔽”转发到child.example。这意味着 URL“parent.example”保留在地址栏中，并且 child.example 中的内容使用框架集显示。
我想添加一个自定义图标。
到目前为止，我已经在 child.example 页面上尝试过：
<script type="text/javascript">
var link = document.createElement("link");
link.type = "image/x-icon";
link.rel = "shortcut icon";
link.href = "http://www.child.example/img/favicon.ico";
parent.getElementsByTagName("head")[0].appendChild(link);
</script>
但这不起作用。
Parent.example 的 HTML 是：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title>My Title</title></head>
<frameset rows="100%,*" border="0">
<frame src="http://child.example" frameborder="0" />
<frame frameborder="0" noresize />
</frameset>
<!-- pageok -->
<!-- 07 -->
<!-- -->
</html>
有什么想法吗？
I have a domain parent.example that is set up by the provider to forward "with masking" to child.example. This means the URL "parent.example" remains in the address bar, and the content from child.example is shown using a frameset.
I would like to add a custom favicon.
So far I have tried, on the child.example page:
<script type="text/javascript">
var link = document.createElement("link");
link.type = "image/x-icon";
link.rel = "shortcut icon";
link.href = "http://www.child.example/img/favicon.ico";
parent.getElementsByTagName("head")[0].appendChild(link);
</script>
But this isn't working.
The HTML for parent.example is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title>My Title</title></head>
<frameset rows="100%,*" border="0">
<frame src="http://child.example" frameborder="0" />
<frame frameborder="0" noresize />
</frameset>
<!-- pageok -->
<!-- 07 -->
<!-- -->
</html>
Any ideas?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
你不能。
浏览器显示加载到顶级框架中的页面的收藏夹图标。
加载到该页面内框架中的页面无法修改该页面（同源策略），因此它无法使用 JS 添加任何 favicon 数据。
解决方案是获得至少一半像样的托管。
You can't.
The browser shows the fav icon for the page loaded into the top level frame.
A page loaded into a frame inside that page can't modify that page (same origin policy) so it can't add any favicon data with JS.
The solution is to get at least half-decent hosting.