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

执行顺序问题

javascript语句是先写得“hello”，为什么运行结果不是“hello“在前？”

慕粉1441422886

2016-11-20

源自：JavaScript入门篇 1-1

关注问题我要回答

1092

操作

收起

2 回答

天气晴好回答被采纳 +3 积分
2016-11-20

<!DOCTYPE HTML>
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>热身</title>
</head>
<body>
  <p id="p1">我是第一段文字</p>
  <p id="p2">我是第二段文字</p>
  
<script type="text/javascript">
document.write("hello");  // 这里是浏览器渲染 P1 和 P2 后才执行到这里  所以它在 
document.getElementById("p1").style.color="blue";
document.getElementById("p2").style.background="red";
// document.getElementById("p1").style.color="blue"；	
// 括号之前的部分是通过元素的ID特性来获取元素p1,后半句的意思是改变HTML元素p1的样式————语法是：Object（对象，比如可以通过ID获取的对象）.style（样式，书写过程中直接应用）.property（属性，特指要改变的属性）=new style（改变后的新样式）;
  </script>
</body>
</html>