17、网页调试、性能优化与 DOM 原型脚本编程全解析

网页调试、性能优化与 DOM 原型脚本编程全解析

1. JavaScript 调试实战

JavaScript 调试的难度因网站的规模和复杂度而异。下面通过一个具体示例，展示如何利用 IE 开发者工具中的 JavaScript 调试器进行调试。

示例代码如下：

<script type="text/javascript">
    //  Create a foo object that contains
    //  a variable bar
    function foo() {
        this.bar = "golden";
    }

    //  A function to display the current value of bar
    function displayBar() {
        try{
            //  Display the value of bar
            alert(foo.bar);
        } catch(exception) { }
    }

    //  Display the bar variable
    display();
</script>

操作步骤如下：
1. 开启调试：在脚本选项卡上点击“开始调试”按钮，然后重新加载页面。
2. 发现错误：运行脚本时，调试器会在出错的代码行（即调用 display() 的那一行）弹出提示框，错误信息为“Object expected”，该信息会