看了書中介紹,html5,CSS,js
html5中關鍵字style 對應的是CSS內容
html5中script標簽對應JS代碼。
函數
1.交互
alert() 純彈窗提醒
confirm("Are you happy to Continue ?") 提醒,有分支 Yes Or No
var name = prompt("what is your full name ?",jack) 有輸入框,默認是jack
2.選取對象
dom對象,就是Document對象,每個對象都可以設置一個id,也可以不設置id,設置了id就如OC中給每一個控件設置了tag一樣,可以依據id進行獲取對象
var myDiv = document.getElementById("div1");
js中div表示容器,類似iOS的控件,獲取容器里面html的如下
myDiv.innerHTML
可以賦值,可以修改,可以替換,里面是一串字符串。
3.瀏覽器的歷史記錄對象
window.history 歷史記錄對象,本質上是url列表 只讀,不可修改
window.history.length 屬性
window.history.forward() 前進js方法
window.history.backward() 后退js方法
window.history.go(-3) 回退3個頁面
window.history.go(2) 前進兩個頁面
window.history.go("www.baidu.com") 到達歷史記錄列表里第一個包含www.baidu.com的url
4.location對象
location對象包含當前加載頁面的URL信息。
屬性略
location.href = "www.baidu.com"; 跳轉新頁面,上一個頁面存入歷史記錄
location.replace("www.baidu.com"); 替換,上一個頁面的歷史記錄被更新替換
location.reload(); 頁面刷新
5.navigator 對象 基本不使用,它記錄的瀏覽器程序本身的數據不準確
6.Date對象
var myDate = new Date();
myDate.getFullYear(); 年
myDate.getMonth(); 月
myDate.getDate(); 日
myDate.getHours(); 時
myDate.getMinutes(); 分
myDate.getSeconds(); 秒
var date1 = new Date(95,9,22); 1995年 10月 22號 注意月份JS從0開始數月份
var date2 = new Date(95,9,22,10,57,0,100) 1995年 10月 22號 10:57:00:100 末尾是毫秒數
date1.setDate(myDate.getDate + 33) 天數加33天,自動調整星期,日,月,年
7.math對象
不用創建直接使用math對象
取整
var myNum = 12.35;
Math.floor(myNum) 等于12 向下取整,取小的數
Math.ceil(myNum) 等于13 向上取整,取大的數
Math.round(myNum) 等于12 四舍五入
最大,最小值
Math.max(a,b,c......)
Math.min(a,b,c,......)
隨機數
Math.random() 返回0到1之間隨機數。
Math.round(Math.random() * 100) 返回0-100之間的隨機數。
使用關鍵字,省去某些常用對象的重復輸入
with(Math){
var random = random();
var max = max(1,3,3.2);
}
其余數據類型與對應數據類型的方法略去一萬字