JavaScript 调试&显示变量 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>调试方式</title>
    <!-- 调试方法就是显示变量的方法,有三:

        alert(变量)

        console.log(变量)

        document.title=变量

     -->
    <script>

    //     window.onload = function(){
        //     var oBody = document.getElementById('body1');
        //     iNum02 = 123;
        //     alert(iNum02);
        //     //  通过alert测试, 会使程序堵塞之后的代码.  
        //     oBody.style.backgroundColor = 'violet';
        // }
        
        var iNum = 0;

        setInterval(function(){

            console.log(iNum++);
            // 使用console.log调试js  ,  需要使用console.log(元素)包裹需要测试的元素. 然后在浏览器内通过console控制台查看

            document.title = iNum;
            // 使用document.title测试
            // 语法为: document.title = 元素; 
            // 会把变化元素显示在浏览器标签名位置.


        },10);


    </script>
</head>
<body id="body1">
    
</body>
</html>

 

posted @ 2019-08-13 17:47  Jrri  阅读(2398)  评论(0)    收藏  举报