gpt4 book ai didi

javascript - 为什么点击设置 innerHTML 在 Chrome 上会触发两个解析事件?

转载 作者:太空狗 更新时间:2023-10-29 13:52:14 25 4
gpt4 key购买 nike

利用Chrome Developer Tools中的Timeline,我用这小段代码通过innerHTML记录事件:

<!DOCTYPE html>

<html>
<head>
<script>
function test(){
var wrap = document.getElementById('wrapper');
wrap.innerHTML = "test";
}
</script>
</head>

<body>
<input type="button" value="click" onClick="test();"/>
<div id="wrapper"></div>
</body>
</html>

我可以看到一旦测试方法运行,就会触发两个解析事件:

Chrome Timeline showing parsing double events

我使用的是 Chrome 版本 23.0.1271.64 m

这是预期的事情吗?它是来自 Chrome 开发人员工具的错误吗?或者在 Chrome 下有什么可以改进的吗?

最佳答案

经过一番尝试后,我猜想这与 Chrome 需要解析字符串“test”然后重新解析页面有关,或者可能只是在添加字符串后的“wrap”元素. innerHTML 是一个奇怪的函数,因为它允许添加任何内容,因此必须进行一些验证/解析。

这有点说明,如果您将函数更改为:

function test() {
var wrap = document.getElementById('wrapper');
var newtext = document.createTextNode("test");
wrap.appendChild(newtext);
}

...然后根本没有解析事件发生。

关于javascript - 为什么点击设置 innerHTML 在 Chrome 上会触发两个解析事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13335999/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com