                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

为什么h2的内容也变了，浏览器不是顺序翻译的？

<body>

<h2 id="con">javascript</H2>

<p> JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。</p>

var mychar=document.getElementById("con") ;

document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

mychar.innerHTML="hello world"

document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

</script>

</body>

19921009ab

2016-07-28

源自：JavaScript入门篇 3-3

关注问题我要回答

1368

操作

收起

5 回答

Keeln
2016-08-08

如楼上所说，浏览器从上到下编译，下面的helloworld将上面的javasript覆盖，

h2的显示过程是从javascript变成hello world的；

你可以在mychar.innerHTML="hello world"的前面加上一句 alert("'mychar.innerHTML=hello world'将要被解析，h2马上就要改变了"); 就可以证明这点

2 回复有任何疑惑可以回复我~

收起回答

qq_哈哈妹_03724753
2016-08-03

是按顺序书写的，最后一个就是改变成“Hello world！”从上至下的，你要是把<script>写在<head>里面，就不会改变了！刚刚试了一下

0 回复有任何疑惑可以回复我~

收起回答

猫子0712
2016-07-31

是顺序翻译的，翻译到<h2 id="con">javascript</H2>的时候，里面的文本确实是javascript，当翻译到mychar.innerHTML="hello world"这句的时候，文本变成了hello world，把之前的javascript覆盖掉了，所以最终显示的文本是hello world

2 回复有任何疑惑可以回复我~

收起回答