当dom正好加载到底发生了什么?

时间:2014-09-02 20:12:21

标签: dom

当我们说DOM加载时,我的意思是DOM而不是页面。  浏览器会发生什么!什么时候加载DOM?请你更准确一点。 谢谢

1 个答案:

答案 0 :(得分:0)

“当加载DOM但不加载页面时”并不是真的意味着什么。在加载HTML时,浏览器会将其呈现为您在屏幕上看到的静态页面。 DOM是允许与这些元素交互的表示。

例如,我可以用JavaScript创建对象然后操纵它们,但我只操纵了一个简单的对象。 DOM对象看起来像是同一个对象,但它与相关的[X | XH | H] TML对象相关联;所以当我在这个对象上调用一个方法时,它不只是与一个信息容器交互,而是与页面上的组成节点交互。因此,您不能在尚未呈现的元素上使用DOM方法。

有形的例子:

/* Manipulating a standard JavaScript object */
var obj = { firstProp: "InitialValue",
            secondProp: "somethingelse",
            aMethod: function(){ this.firstProp = "Changed" }
           }
    console.log(obj.firstProp); // Ouput is "InitialValue"
obj.aMethod();
    console.log(obj.firstProp); // Output is "Changed", but nothing is effected other than that value

/* Here is a method called on a DOM element; pretend it's an input/text */
var obj2 = document.getElementById("testId");
    obj2.value = "This is your new text box value";

在第二个例子中,您看到我不只是更改任意对象的值。我已经改变了HTML对该对象的渲染表示。

这是我现在可以考虑解释的最佳方式。