js 入门

1.修改样式

<body>
  <p id="p1">我是第一段文字</p>
  <p id="p2">我是第二段文字</p>
  
  <script type="text/javascript">
	document.write("hello");
	document.getElementById("p1").style.color="blue";  // 修改id=p1的颜色为蓝色
  </script>
</body>

注意:在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。

2.confirm()  函数 确定或取消

 var mymessage=confirm("你是女士?")         ;
 if(mymessage==true){
   document.write("你是女士!");
 }
 else{
   document.write("你是男士!");
 }

3.prompt() 函数  弹出消息对话框,通常用于询问一些需要与用户交互的信息。

function rec(){
	var score; //score变量，用来存储用户输入的成绩值。
	score = prompt("请输入你的成绩")               ;
	if(score>=60){
	   document.write("及格了!");
    }
    else{
       document.write("要努力了!");
	}
  }

4.window.open()  打开新窗口    close()  关闭窗口

 function Wopen(){
    window.open('http://www.imooc.com','width=600,height=400,menubar=no,left=0px,top=100')  
 } 

//调用
<input name="button" type="button" onClick="Wopen()" value="点击我，打开新窗口!" / >

5.文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。