javascript - 添加脚本引用后 HTML 不显示

标签 javascript html

我有一个问题。没有脚本引用 html 可以正常工作,但是当我将外部 js 路径添加到 head 部分时,html 不起作用。这是我的代码

login.html

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8" />
        <script src="myscript.js" type="text/javascript"/>
    </head>

    <body>
        <form class="box login">

            <fieldset class="boxBody">
                <label>User</label>
                <select id='userlist' class="cjComboBox">                    
                </select>
                <label>Password</label>
                <input type="password" tabindex="2">
            </fieldset>
            <footer>
                <label id='error' style='display:none;color:red;' >Check your password</label>
                <button class="btnLogin" onClick="login()" value="Login" tabindex="4">
            </footer>
        </form>


    </body>
</html>

myscript.js

function login(){alert('ok');}

最佳答案

全部<script>标签必须以明确的 </script> 结尾标签。

所以你想拥有

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

关于javascript - 添加脚本引用后 HTML 不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37682825/

相关文章:

javascript - 更改底部 html 视频菜单的设计

javascript - jQuery:连接隐藏表并将列插入到另一个表中

php - html dom 解析 - 我可以只找到文件类型吗?

javascript - 对齐一组按钮和纹理

javascript - Vuejs 列表中 target/currentTarget 的替代方法

JavaScript:从页面中删除当前的鼠标突出显示?

javascript - 一页网站的滚动效果

javascript - jqGrid 在屏幕布局中没有正确对齐。缺什么?

javascript - 如何使用 .every() 方法验证针对 Regex 的输入?

javascript - TypeError : app. makeSingleInstance不是函数