gpt4 book ai didi

javascript - 用jquery替换html head的内容并更改图标

转载 作者:太空宇宙 更新时间:2023-11-04 08:41:31 25 4
gpt4 key购买 nike

所以我有一个函数可以用另一个页面替换 html 页面的内容,但是我的图标没有显示,但标题显示了,这是我的 js 脚本。

$(document).ready(function() {
$('.button').click(function() {
$('html').html('<head><title>MyTitle</title><link rel="icon" href="/directory/to/my/icon.ico"></link></head><body>MyContent</body>');
});
});

我觉得我没有做错什么,我也正确地包含了头部和关闭头部标签、 body 和关闭 body 标签以及图像链接,测试了与我 body 中的图像相同的链接,它确实显示了我的图标。我想知道为什么标签栏中的图标没有显示。提前谢谢你。

最佳答案

出于某种原因替换了 <html> 的全部内容元素弄乱了 DOM。如果您在真实的 html 页面中运行您的代码并检查开发人员工具,您将看到 title , link和文本节点直接在html中没有 head 的标签和 body .由于链接在 head 中不是官方的元素,浏览器不使用它。我的猜测是 headbody与其他标签的处理方式不同。

无论如何,如果您将代码更改为两个单独的 .html()电话,它应该工作:

$(document).ready(function() {
$('.button').click(function() {
$('head').html('<title>MyTitle</title><link rel="icon" href="/directory/to/my/icon.ico"></link>');
$('body').html('MyContent');
});
});

关于javascript - 用jquery替换html head的内容并更改图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44093131/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com