javascript 高级程序设计关于动态样式的疑惑，求解！！-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript 高级程序设计关于动态样式的疑惑，求解！！

怪我咯 2017-04-10 15:37:15

[JavaScript讨论组]

622

晚上再看javascript高级程序设计第三版第10.2节的动态样式时，准备练习下书上的代码，遇到了困惑，希望大家可以帮我看下。

<!DOCTYPE html>
<html>
<head>
    <script>
        function test(){
            alert("test");
        }

        test();//运行时正常，会弹出test

        function loadScript(){
            var script = document.createElement("script");

            try{
                script.appendChild(document.createTextNode("alert('its right');"));
            }catch(ex){
                script.text = "alert('its right');";
            }

            document.body.appendChild(script);
        }

        ***loadScript()**;*//这里不执行，我不知道为什么不执行？？
    </script>
</head>
    <body>
        <script>
        loadScript();//这里可以正常运行，会弹出its right
        </script>
    </body>
</html>

问题就是上面的第一个test()正常执行，第一个loadScript()不执行，但是在body下script标签里的loadScript()正常执行，为啥那么第一个不执行呢？？