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的一个子对象。