事件
1.HTML事件是發生在HTML元素上的，當在HTML頁面上使用JavaScript時，可以觸發這些事件
2.HTML事件可以是瀏覽器行爲，或是用戶行爲
3.常見的HTML事件：
onchange : HTML元素改變
onclick ： 用戶點擊HTML元素
onmouseover ： 用戶在一個HTML元素上移動鼠標
onmouseout ： 用戶從一個HTML元素上移開鼠標
onkeydown ： 用戶按下鍵盤按鍵
onload ： 瀏覽器已完成頁面的加載
4.HTML事件作用：處理表單驗證，用戶輸入，用戶行爲及瀏覽器動作
常見用途：
頁面加載時觸發事件
頁面關閉時觸發事件
用戶點擊按鈕執行動作
驗證用戶輸入內容的合法性
5.執行JavaScript事件代碼的方法：
HTML事件屬性可以直接執行JavaScript代碼
HTML事件屬性可以調用JavaScript函數
可以爲HTML元素指定自己的事件處理程序
可以阻止事件的發生
輸出
1.JavaScript沒有任何打印或者輸出的函數
2.輸出數據的方式：
window.alert() ： 彈出警告框
document.write() ： 將內容顯示在HTML頁面
innerHTML ： 寫入到HTML元素
- console.log() ： 寫入到瀏覽器的控制檯
3.如果在HTML頁面完成加載後執行document.write()，整個HTML頁面將被覆蓋
如.
<body>
<p>這裏是頁面</p>
<button onclick="myFunc()">點擊</button>
<script>
function myFunc(){
document.write(Date());
}
</script>
</body>運行結果如下：
點擊按鈕後：
警告 alert()消息對話框
警告框彈出，如果不點“確定”，則不能對網頁做任何操作
語法：
alert("字符串"); 或 alert(變量);
輸出內容 document.write
- 直接輸出“”內的內容
<script type="text/javascript">
document.write("Nico"); //Nico
</script>- 通過變量，輸出內容
<script type="text/javascript">
var myName = "Nico";
document.write(myName); //Nico
</script>- 輸出多項內容，用 + 連接
<script type="text/javascript">
var myName = "Nico";
document.write("Hello,"+myName); //Hello,Nico
</script>- 輸出HTML標籤並起作用，標籤用“”括起來
<script type="text/javascript">
var myName = "Nico";
document.write(myName+"<br>"); //輸出Nico後輸出一個換行符
</script>確認 confirm消息對話框
作用：允許用戶做選擇
（用戶在選擇點擊對話框前，不能進行任何其他操作）
語法：confirm(str);
- str：在消息對話框中要顯示的文本
- 返回值：布爾值
當用戶點擊“確定”按鈕時，返回true
當用戶點擊“取消”按鈕時，返回false
（通過返回值判斷用戶點擊了哪種按鈕）
如.
<script type="text/javascript">
var myMess=confirm("Are you Nico?");
if(myMess)
document.write("You are hero");
else
document.write("Work hard");
</script>提問 prompt消息對話框
prompt彈出消息對話框，用於詢問一些需要與用戶交互的信息。包含一個確定按鈕，取消按鈕和一個文本輸入框
（用戶在點擊對話框按鈕前，不能進行任何其他操作）
語法：prompt(str1,str2);
- str1：要顯示在消息對話框中的文本，不可修改
- str2：文本框中的內容，可以修改
- 返回值：
點擊確定按鈕，文本框中的內容將作爲函數返回值
點擊取消按鈕，將返回null
如.
<script type="text/javascript">
var myMess=prompt("輸入你的名字");
if(myMess)
alert("Hello,"+myMess);
else
alert("Hi,friend");
</script>打開新窗口 window.open
open()方法可以查找一個已經存在或者新建的瀏覽器窗口
語法：window.open([url],[窗口名稱],[參數字符串]);
參數說明：
url：
1.可選參數。
2.作用：在窗口中顯示網頁的網址或路徑
3.若省略，則它的值是空字符串，窗口不顯示任何文檔窗口名稱：
1.可選參數。
2.命名方式：由字母，數字和下劃線組成
3.相同名稱的窗口只能創建一個，要想創建多個窗口則名稱不能相同
4.名稱不能包含有空格特殊意義名稱：
1）._blank：在新窗口顯示目標網頁
2）. _self：在當前窗口顯示目標網頁
3）._top：框架網頁中在上部窗口中顯示目標網頁（若一個窗口嵌套其他多個窗口，則在最頂層的窗口顯示目標網頁）
參數字符串：
1.可選參數
2.可設置多個參數，用逗號隔開
如.
<script>
function myFunc(){
window.open('http://www.baidu.com','_blank','width=600,height=300,scrollbars=yes,toolbar=no,menubar=no,status=no');
}
</script>關閉窗口 window.close
用法：
關閉本窗口：window.close();
關閉指定窗口：<窗口對象>.close();
如.
<script>
var myWin=window.open('http://www.baidu.com');
myWin.close();
</script>在打開新窗口的同時關閉該窗口，看不到被打開的窗口