时间戳

首页 > 解决方案 > Javascript 磁贴不加载

javascript - Javascript 磁贴不加载

问题描述

当我打开测试页面并且它们位于同一个文件夹中时，javascript文件（sript1）不会加载。（我使用的是崇高文本）。

测试页面

<!DOCTYPE html>
<html>
<head>
    <title></title>

</head>
<body>
    <h1>Test</h1>
    <script src="script1.js"></script>

</body>
</html>

script1.js 页面

var database = [
{
    username:"boss",
    password:"super"
}
];

var newFeed = [
{
    username="Bob",
    timeline="whatsssupp"
},
{
    username="Sally",
    timeline="cooooool"

}
];

var userNamePrompt= prompt("What is your username");
var passwordPropmt=prompt("Whats your password");

标签： javascripthtml

解决方案

很可能您的 JS 文件已加载（并正在运行），但它包含错误，因此它不会按照您的预期显示提示。您在为对象（newFeed）分配值时使用=而不是。:

测试修复代码是否适合您，如下所示：

var database = [
    {
        username: "boss",
        password: "super"
    }
];

var newFeed = [
    {
        username:"Bob",
        timeline:"whatsssupp"
    },
    {
        username:"Sally",
        timeline:"cooooool"

    }
];

var userNamePrompt = prompt("What is your username");
var passwordPropmt = prompt("Whats your password");

如果它没有解决您的问题，那么它可能是以下之一：

  • 权限问题；确保您拥有正确的权限
  • 文件路径或名称不正确；始终仔细检查您的路径和名称；
  • 从这里我们看不到的其他原因

不管是什么原因，现在大多数浏览器都有一个叫做“开发者工具”的东西，可以使用 F12 热键打开。然后您将能够在控制台中看到 JavaScript 代码是否出错：

火狐：https ://developer.mozilla.org/en-US/docs/Tools

铬：https ://developers.google.com/web/tools/chrome-devtools/

即： https: //docs.microsoft.com/en-us/previous-versions/windows/desktop/legacy/hh968260 ( v=vs.85)

边缘：https ://docs.microsoft.com/en-us/microsoft-edge/devtools-guide

该错误将准确地告诉您您的设置出了什么问题。希望能帮助到你！

推荐阅读