part5 課程介紹
另一個定時器 第一個定時器的小案例----練習 封裝影片函式----------勻速的影片函式,過渡到=======>緩動的影片函式 簡單的輪播圖 左右焦點的輪播圖 無縫連接的輪播圖 輪播圖======================================重點 三大系列中的第一個系列:offset系列================重點 封裝緩動影片函式 筋斗云,固定導航欄 升級4到5個版本 手風琴 旋轉木馬
part4 復習
為元素系結事件的三種方式:
1.物件.on事件型別=事件處理函式; 2.IE8不支持 物件.addEventListener("沒有on的事件型別",事件處理函式,false); 3.谷歌和火狐不支持 物件.attachEvent("有on的事件型別",事件處理函式);為元素解綁事件的三種方式:
1.物件.on事件型別=null; 2.物件.removeEventListener("沒有on的事件型別",事件處理函式名字,false); 3.物件.detachEvent("有on的事件型別",事件處理函式);事件冒泡: 元素A中有元素B,都有相同的事件,里面的元素的事件觸發了,外面元素的事件也會觸發.可以是多個元素嵌套
阻止事件冒泡:
兩種 1.e.stopPropagation(); e---事件引數物件,谷歌和火狐都支持,IE8不支持 2. IE8和谷歌支持 window.event.cancelBubble=true;window.event就是事件引數物件----e是一樣的
BOM: Browser Object Model 瀏覽器物件模型---操作瀏覽器 歷史記錄的后退和前進 history: back()后退 forward()前進 地址欄上的地址的操作 location href屬性跳轉頁面, assgin()跳轉頁面 reload()重繪 replace()方法替換地址欄上的地址的,沒有歷史記錄的 獲取系統和瀏覽器的資訊的 navigator userAgent屬性---獲取系統,瀏覽器的資訊的
地址欄上#及后面的內容 onsole.log(window.location.hash); 主機名及埠號 onsole.log(window.location.host); 主機名 onsole.log(window.location.hostname); 檔案的路徑---相對路徑 onsole.log(window.location.pathname); 埠號 onsole.log(window.location.port); 協議 onsole.log(window.location.protocol); 搜索的內容 onsole.log(window.location.search);
定時器:
該定時器會回傳自己的id值 var timeId=window.setInterval(函式,時間); 執行程序:頁面加載完畢后,過了一段時間執行函式,反復的,除非清理定時器 window.clearInterval(定時器的id值);清理定時器轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/163657.html
標籤：JavaScript