Question

我的页面非常基本

<!DOCTYPE html>
<html>
  <head>
    <title>Title</title>
  </head>
  <body>
    <h1>Title</h1>
    <canvas id="can"></canvas>
    <video autoplay id="vid" style="cursor:pointer"></video><br>
    <script type="application/javascript;version=1.7" src="8bit.js"></script>
  </body>
</html>

它会加载JavaScript Firefox，但不会加载Chrome。

如果我将JavaScript文件的内容复制并粘贴到Chrome中的控制台中，那么它运行正常。

为什么不从Chrome中的脚本标记加载？

Answer 1

来自MDN的关于let关键字的精华：

Chrome支持关键字let仅用于仅在控制台中进行测试，而不是在正常流程中。 Chrome不支持let但Firefox支持。

替换以下内容：

<script type="application/javascript;version=1.7" src="8bit.js"></script>

使用：

<script type="text/javascript" src="8bit.js"></script>

Chrome会对type属性做出严格决定。所以请仔细使用。仅适用于Firefox，这是有效的：

仅适用于包含在<script type="application/javascript;version=1.7">块（或更高版本）中的HTML中的代码块。但要注意，由于这是一个非标准功能，这很可能会破坏对其他浏览器的支持。 XUL脚本标签可以访问这些功能，而无需使用此特殊块。

Chrome的解决方法：

要启用这些特殊关键字，请在脚本块顶部添加以下代码：

"use strict";

Answer 2

你使用HTML5的doctype，脚本默认是javascript，所以这也有效：

<script src="8bit.js"></script>

Chrome无法加载我的js文件

2 个答案: