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的一個子對象。