<script src="/js/jquery.js" />
<script>
    function login(){
        alert("Hello");
    }
</script>
<button onclick="login();">Login</button>

问题

script标签到底能不能自闭和? 在Google Chrome 版本 60.0.3112.113(正式版本) (32 位)下 点击Login按钮无反应。

调试

function login()中加入console.log("Hello"); 控制台不打印,提示找不到login()这个函数

分析

观察HTML代码,发现引入jquery.jsscript标签把下面的login()函数也折叠起来了

猜测

自闭合的script会一直找到下一个闭合标签才会闭合

解决

<script src="/js/jquery.js" ></script>
<script>
    function login(){
        alert("Hello");
    }
</script>
<button onclick="login();">Login</button>