问题描述
我之前提过一个问题
FF3.5-查看页面来源:
FF3.5-View page Source:
<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'></script>
<script>
$(function() {
$('input.readonly').attr('readonly', true);//set input with CSS class readonly to readonly
});
</script>
</head>
<body>
<input type='text' class='readonly' maxlength='20' value='Blort'>This one is read-only<br>
<input type='text' maxlength='20' value='Fish'>This one is not read-only<br>
</body>
</html>
这里第一个文本框设置为只读在jQuery的 document.ready
方法。用浏览器查看源代码会给出一个像
Here the first text box is set to readonly in jQuery's document.ready
method. Viewing the source with browser would give a markup like
<input type='text' class='readonly' maxlength='20' value='Blort'>
,Firebug会给出类似
and Firebug will give something like
<input type="text" value="Blort" maxlength="20" class="readonly" readonly="">
IE8开发人员工具栏:
IE8 Developer toolbar:
< input class =readonlytype =textmaxLength =20readOnly =readonlyvalue =Blort/>
所以我猜测浏览器(IE8 / FF3.5)在DOM事件启动之前就会生成HTML源代码(在我的例子中是jQuery的 document.ready()
)
So my guess is that the browser (IE8/FF3.5) generates the html source much earlier before DOM events kick in (in my case it is jQuery's document.ready()
)
有人可以告诉我现场发生的事情吗?
Can someone tell me whats happening behind the scene ?
推荐答案
视图源是下载到浏览器的源。内存中发生的事情不会在源代码中更新。
The view source is the source downloaded to the browser. What happens in memory doesn't get updated in the source.
这篇关于当DOM动态更新时,为什么html源不会改变的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!