JS基本型別以及彈框操作
構成:Escscript
1.資料型別(弱型別)
2.變數&常量
3.運算子
4.流程控制
5.物件陣列
6.函式定義
7.時間&函式
//script 嵌入編寫
要分離:像CSS一樣.
<script language=”javascript” type=”text/javascript” src=”*.js” >
</script>
通過src匯入外部JS指令碼:在head標籤裡面編寫.
Body中也可以進行編寫.
兩者可以結合.
<OnClick=”javascript” alter(‘ok’);”>
當引入的JS檔案有操作 head有彈框 body有彈框
順序為 head(嵌入的) body() 最後JS(外部文件)
原因(要載入完html檔案),在執行外部Js檔案
有一些程式必須放在Html裡面寫
Alter(“”) 帶有一個確定按鈕的訊息框
Confirm(“”) 帶有一個確定和取消按鈕的對話方塊
Prompt(“”) 帶有一個輸入域的對話方塊 有一個確定按鈕
儲存的話儲存的為使用者輸入的內容
JS可以儲存彈框的返回值
Eg: var res= confirm(”是否確定刪除”);
Alter(res); //選擇什麼輸出什麼
輸出語句
//用來除錯語句,進行
Document.write(“”);
像網頁中輸出 Document 本身不帶有換行
\r和\n 換行
Document.write(“”):有時候第一次輸出會覆蓋第二次
開發中(工程師)除錯採用: console.log();
用console.log(); //在控制檯列印
為瀏覽器提供的控制檯.
H5新標籤:progress 進度條 不同瀏覽器進度條顯示不同.IE需要10版本以上.
Function text(){
Var num;
}
Div id(“”)
TypeOf:輸出var定義的型別.
Function test ([args]){
Return value;
}
Function test(){
Var divObj= Document.getElementById(“id名字”)
DivObj.innerHtml=”hello Js”
//或者 document..getEkementById(“demo”).innerHtml=”hello js!”;
}
innerHtml=””:可以修改其中的內容
//網路傳輸中,傳的是三個檔案. 當下面的還沒加載出來, 前面呼叫的儲存
Window.onload:當所有的都載入完後再進行執行
Function(){} 不考慮載入直接執行
window.onload=function(){
//前期開發中採用
}
innerHtml(“”):裡面的內容會覆蓋原有的內容
Dom文件物件(document):
單擊事件:onclick 雙擊事件:ondblClick
//onmousedown:按下事件 onmouseup:
onmousepress: onmouseover:覆蓋觸發的事件
getElementByld(“”);
通過id獲取的是唯一的物件
querySelect:獲取的為一個物件
querySelectAll:獲取多個物件
Var inputArray=document.querySelector(“”); 返回的為數量
Document.querySelector(“.span-1”).style. =”” //獲取的為第一個span物件
Document.querySelector(“#span-2”).style. =””
BOM瀏覽器程式設計:
搜尋百度地圖API 百度地圖生產器.生成網頁. 用Iframe框架嵌入
選擇位置,標誌地圖建立地圖生產器.生成程式碼.
百度地圖Api: 嵌入頁面