Javascript 包含KineticJs库的问题_Javascript_Html_Kineticjs

Javascript 包含KineticJs库的问题

javascript html

Javascript 包含KineticJs库的问题,javascript,html,kineticjs,Javascript,Html,Kineticjs,我正在尝试使用KineticJS并完成我的第一步。因此，我从该站点下载了min.js并将其包含在我的站点中。我的目录树 . ├── css ├── html │ └── orthocal.html ├── js │ ├── kinetic-v5.1.0.min.js │ ├── main.js ├──media │ └── proline_ap_pa_ceph__17839_1340650087_1280_1280.png html文件 <!DOCTYPE html>

我正在尝试使用KineticJS并完成我的第一步。因此，我从该站点下载了min.js并将其包含在我的站点中。我的目录树

.
├── css
├── html
│   └── orthocal.html
├── js
│   ├── kinetic-v5.1.0.min.js
│   ├── main.js
├──media
│   └── proline_ap_pa_ceph__17839_1340650087_1280_1280.png

html文件

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <script type="applicaton/javascript" src="../js/kinetic-v5.1.0.min2.js"></script>
        <script type="application/javascript" src="../js/main.js"></script>
        <title>OrthoCal</title>
    </head>
    <body>
        <div id="container"></div>
    </body>
</html>


正交的

但是，虽然main.js已加载，但动态库不会加载。在chorme devs控制台中，它通常包含在html文件中（在元素选项卡中），但不包含在网络选项卡中（作为GET请求）。我遗漏了什么吗？

应该是

<script type="application/javascript" src="../js/kinetic-v5.1.0.min2.js"></script>

你在申请表中漏掉了一个“i”

此外，您还应该检查是否要包括

kinetic-v5.1.0.min2.js

或

kinetic-v5.1.0.min.js

（不含“2”）。

您的js文件名是

kinetic-v5.1.0.min.js

，但您包括

kinetic-v5.1.0.min2.js

而且

type=“application/javascript”

是的，没错，我知道这是我的眼睛根本看不见的东西。没问题，我们所有人都会遇到这种情况。在初始化阶段之后，我发现文档中没有id为container的容器。这个MyJS代码stage=newKinetic.stage（{宽度：800，高度：600，容器：'container'}）；不要介意，因为我还没有加载DOM:）这是因为JavaScript的加载比HTML的加载早。您应该创建一个init（）函数，其中声明了Kinetic.stage，并在body onload事件中调用它。这样地：