执行顺序问题-慕课网

首页课程实战体系课手记专栏慕课教程

执行顺序问题

来源：1-1 为什么学习JavaScript

慕粉1441422886

2016-11-20 10:40

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

写回答关注

2回答

天气晴好: 2016-11-20 10:49:32

已采纳

<!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>

1 1

慕粉1441...

非常感谢！

2016-11-20 11:07:47

共 1 条回复 >