Javascript 未从html文件调用.js_Javascript_Html

Javascript 未从html文件调用.js

javascript html

Javascript 未从html文件调用.js,javascript,html,Javascript,Html,我正在尝试使用html和.js制作视频播放器，但是html无法调用attach1.js文件。以下是我的html文件： <!Doctype html> <html lang='en'> <head> <meta charset="utf-8"/> <link rel="stylesheet" href="attach1.css"> <scri

我正在尝试使用html和.js制作视频播放器，但是html无法调用attach1.js文件。以下是我的html文件：

<!Doctype html>

<html lang='en'>

        <head>
            <meta charset="utf-8"/>
            <link rel="stylesheet" href="attach1.css">
            <script type="text/javascript" src="attach1.js"> </script>
        </head>

        <body>

        <section id="skin">
            <video id="myMovie" width="640" height="360">
                <source src="bnm.mp4">
            </video>

            <nav>
                <div id="buttons">
                    <button type="button" id="playButton"> Play 
                </button>
                </div>

                <div id="defaultBar">
                    <div id="progressBar"> </div>
                </div>

                <div style="clear:both"> </div>
            </nav>
        </section>

        </body>

</html>

attach1.js甚至不会打印“Hi”（在.js文件的第一行）。这意味着.html文件没有调用该文件。然而，我无法找出原因

感谢您的帮助。谢谢。

您必须调用attach1.js中的函数，方法是在html中添加另一个标记，或者使用按钮调用它，如下所示：

播放

只需将“play function”替换为必须播放内容的函数名。

如果代码中有错误，请删除此行的半列

function clicker(e);

查看js控制台中的错误将是一个好主意，您可以：

function clicker(e);
{
//code
}

而不是

function clicker(e)
{
//code 
}

我还收到一个attach1.css文件未找到错误，但那是因为我没有你的.css文件

编辑

您正在调用document.getElementbyId vs document.getElementbyId

你真的应该看看开发工具。他们是你的朋友。

Change“document.write”到“console.log”，然后使用Firefox中的Firebug调试器或Chrome中的开发人员工具尝试此操作。告诉我们发生了什么。您的javascript文件attach1.js是否与html文档位于同一文件夹中？linux机器上的文件名区分大小写（attach1.js！=attach1.js）。html文件在哪里，js文件在哪里？当您直接在浏览器中加载javascript文件的正确url时，您会看到什么？最明显的原因是src没有指向你的js文件。html和js都在同一个文件夹中。检查了区分大小写，没有问题！这是真的，但它不会阻止解析该错误之前的所有操作没有变化，.js仍然没有调用！您可以在.html文件中注释掉.css文件调用。我已经编辑了我的答案。您是否通过开发者控制台（chrome中的F12）运行了此操作？另外，您正在调用getELementById vs getELementById谢谢，这是一个错误-getELementById vs getELementById！！很高兴能帮忙！Chrome确实会帮你；您可以将其设置为在出现错误时中断，以避免以下常见问题：）

function clicker(e)
{
//code 
}