JS學習筆記

以下是在學習JS的中的一些筆記

事件

鼠標事件

  • onclick()單擊
  • onmouseover()鼠標懸浮
  • onmouseout()鼠標離開

焦點事件

  • onfocus()獲得焦點
  • onblur()失去焦點

文本框事件

  • onselect() 選中了某些文字,一般是文字輸入框或者文字域中的文字被選中的時候觸發
  • onchange()文本框內容改變事件

窗體事件

  • onload()窗體裝載事件
  • onunload()卸載事件,比如頁面關閉等等。

獲取文本框中的值可以用:

var txt = document.getElementById('txt').value;

一般返回的對象都是字符串,如果是數字,可以用

parseInt(document.getElementById('txt').value);
//或者
parseFloat(document.getElementById('txt').value);

getDate()返回的是日,getDay()返回的是周幾,0代表週日,以此類推。
set/getTime()值都是毫秒

字符串操作

stringObject.charAt(index)

返回指定位置的字符,和java比較類似。

stringObject.split(seperator);

用於拆分字符串,如果分隔符有多個,正確的寫法是var strArray = scoreStr.split(/;|:/);(其中:和;都是分隔符)

瀏覽器對象

window對象

這裏寫圖片描述

計時器

這裏寫圖片描述
setInterval(func,interval)用法:
- func直接填函數名,不能有引號,或者有引號,函數名後加括號
- interval毫秒
history對象,是屬於window對象的。
屬性有:Length
方法有:
這裏寫圖片描述
window.history.go(-1)相當於window.history.back()
window.history.go(1)相當於window.history.goforward()
window.history.go(-2)即到達往前第二個頁面。

Location對象

這裏寫圖片描述
這裏寫圖片描述
這裏寫圖片描述
assign和replace的區別:
window.location.assign(url) : 加載 URL 指定的新的 HTML 文檔。就相當於一個鏈接,跳轉到指定的url,當前頁面會轉爲新頁面內容,可以點擊後退返回上一個頁面。
window.location.replace(url) : 通過加載 URL 指定的文檔來替換當前文檔,這個方法是替換當前窗口頁面,前後兩個頁面共用一個窗口,所以是沒有後退返回上一頁的

這裏寫圖片描述
Navigator有userAgent對象。返回用戶代理頭的字符串表示(就是包括瀏覽器版本信息等的字符串)

Screen對象:window.screen.屬性

這裏寫圖片描述

replaceChild(newnode,oldnode)

獲取屬性的代碼

function getAttr(obj,attr){
      if(obj.currentStyle){
            return obj.currentStyle[attr];
      }else{
            return getComputedStyle(obj,false)[attr];
      }
}
發佈了28 篇原創文章 · 獲贊 3 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章