gpt4 book ai didi

javascript - 为什么 Github Pages 不允许我的有效 HTML?

转载 作者:行者123 更新时间:2023-11-30 11:48:03 25 4
gpt4 key购买 nike

我目前正在 Github 上为使​​用 W3Schools 脚本的 Github Pages 创建一个 repo。我的 index.html 代码如下所示:

<!DOCTYPE html>
<html>
<head>
<title>[my name] Witness Project</title>
<script src="http://w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="common.html"></div>
<div id="main">
<h1 style="display:block">This will be my Witness Project soon!</h1>
</div>
</body>
<script>
w3IncludeHTML();
</script>
</html>

在 common.html 中,有页眉和页脚的代码:

<link rel="stylesheet" href="common.css">
<div id="header">
<nav>
<button type="button"><a href="index.html">Home</a></button>
<button type="button"><a href="#">Coming Soon</a></button>
<button type="button"><a href="#">Coming Soon</a></button>
<button type="button"><a href="#">Coming Soon</a></button>
<button type="button"><a href="#">Coming Soon</a></button>
</nav>
</div>

<div id="footer">
Created as part of <i>The Witness Project</i> at The Key School<br>
<i>Content of website © 2016 by [my name]</i>
</div>

我正在使用 here 描述的脚本能够导入其他 HTML 文件。我不认为 CSS 是相关的。但是,当我加载 Github Pages 页面时,我只能看到 index.html 中的元素。但这不是我的错,因为当我从本地文件加载页面时,它看起来就像我期望的那样。

图片:
在线:Online
本地:Local到底是怎么回事? Github上不能用外部JS吗?

编辑:我检查了控制台并收到此消息: Error

最佳答案

您遇到的错误,Blocked loading mixed active content "http://w3schools.com/lib/w3data.js" , 表示您有“混合内容”——也就是说,一些内容是通过 https 加载的和其他内容在 http 上不安全地加载.

通过 http 加载这样的脚本使其容易受到发送者和接收者之间的篡改,因此它被认为是一种安全风险并且(某些)浏览器会阻止它。

当您链接到脚本时,您可以使用 <script src="//w3schools.com/lib/w3data.js"></script>如果没有协议(protocol),将使用用于加载页面的任何协议(protocol)(http 或 https)加载 scrpt。这将消除错误。

不幸的是,我测试了https://w3schools.com/lib/w3data.js它(首先)给了我一个证书错误,然后是 404 ... w3schools 没有通过 https 提供该脚本。
在这种情况下,您最好的选择是在本地保存一份副本并链接到该副本,而不是 w3schools CDN。

关于javascript - 为什么 Github Pages 不允许我的有效 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40292296/

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