代码之家  ›  专栏  ›  技术社区  ›  Marvin

更改为javascript文件后无法链接favicon

  •  1
  • Marvin  · 技术社区  · 7 年前

    在我的本地目录上,一切正常。我有一个创建favicon和links style.css的javascript文件。在脚本标记中,没有任何工作。这些是可以找到原始代码的地方,它们都不起作用:

    我用了第三个,但我一改script.js,一切都坏了!基本上,在我的 script.js 我使用createElement和attributing相对链接到favicon,并将其附加到头部。

    const link = top.document.createElement("link");
    link.type = "image/x-icon";
    link.rel = "shortcut icon";
    link.href = "./icon.ico";
    top.document.querySelector("head").appendChild(link);
    
    const stylesheetLink = top.document.createElement("link");
    link.type = "text/css";
    link.rel = "stylesheet";
    link.href = "./style.css";
    top.document.querySelector("head").appendChild(link);
    
    console.log("The style was linked and the favicon was added.");
    

    在我添加第二部分链接之前,一切都正常 style.css -而且,由于它们是通过分支连接的(不推荐),所以腓骨消失了。

    为什么会发生这种情况?我该如何解决?分支链接不起作用,因为它们是永久缓存的,但是提交哈希链接呢?

    9/19/2018

    现在我正在使用第二个与cdn和commit的链接,但是上面的代码仍然不起作用。我还有两个功能, goToHomePage() goBack() 这确实很管用。当我在一个等价的HTML文件中运行它时,所有东西都在本地工作,在Sublime Text 3上工作。尸体出现了。为什么它在本地工作而不是在Github页面上?

    9/20/2018

    我添加了调试 console.log() 陈述

    风格被链接,并增加了驼背。

    在更新了我的一个存储库的提交并推送之后,它就打印出来了!所以,事实是

    • 其他功能工作
    • 显示console.log语句
    • 在改变之前 JScript 一切正常。
    • 在更改为 JScript 那些被联系在一起的尸体消失了 JScript
    • 通过检查网页上的元素并添加favicon作品手动添加

    我推断问题在于

    • 不在文件的原始代码中,因为日志函数起作用
    • 通过创建链接元素-我一直在 top.document document 但是通过控制台我发现它们完全一样
    1 回复  |  直到 7 年前
        1
  •  1
  •   Marvin    7 年前

    在第二部分-样式表的链接中, link 当变量应该是 stylesheetLink 附加的变量。在MCVE的最后一行,改变 .appendChild(link) .appendChild(stylesheetLink) .

    另外,你也可以 cdn.rawgit.com/KnowledgeableKangaroo/KnowledgeableKangaroo.github.io/master/script.js . 只要您使用cdn,分支就可以工作。