1、JS输出

　　* window.alert() 弹出警告框；

　　　　-alert(字符串或变量)；

1 <script type="text/javascript">
2     var mynum=30;
3     alert("hello!")；
4     alert(mynum);
5 </script>

 

　　* document.write()　方法将内容写到HTML文档中；

　　　　- 输出内容用“”括起，直接输出“”号内的内容；

1 <script type="text/javascript">
2 document.write("I love JavaScript!");
3 </script>

　　　　- 通过变量，输出内容；

1 <script type="text/javascript">
2     var mystr="Hello,world!";
3     document.write(mystr);
4 </script>

　　　　- 输出多项内容，内容之间用+号连接;

1 <script type="text/javascript">
2     var mystr="hello";
3     document.write(mystr+"I love JavaSript!");
4 </script>

 

　　* innerHTML写入到HTML元素，document.getElementById("id")，通过id找到标签，进行操作；

1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4            <meta charset="utf-8">
 5            <title>Sample Page!</title>
 6     </head>
 7     <body>
 8          <p id="demo">我的第一个段落</p>
 9          <script>
10                 document.getElementById("demo").innerHTML="段落已修改"；
11          </script>
12     </body>
13 </html>

 

　　* console.log()　写入到浏览器的控制台。

1 <script type="text/javascript">
2     a=5;
3     b=6;
4     c=a+b;
5     console.log(c);
6 </script>

 

JS对象通过点来访问其方法和属性。window是对象，document也是对象；onclick、onload是事件属性；onclick表示单击事件，onload是页面加载完毕时；document.getElementById("div1")； 表示访问document对象的getElementById方法。

window：表示浏览器中一个打开的窗口；

document对象：代表整个HTML文档，可用来访问页面中的所有元素。

document是window的一个子对象。