[JavaScript HTML DOM]使用document物件,使用屬性document.referrer
說明:
document.referrer用來查詢網頁的來源網址
如果是自己打網址直接到網頁中,用 document.referrer 就查詢不到任何的值。
此範例設計說明:
第一步、取出document.referrer
第二步、顯示來源網頁網址
公告版位
目前分類:JavaScript HTML DOM (37)
- Apr 27 Sun 2014 23:54
JavaScript HTML DOM 使用document物件,使用屬性document.referrer
- Apr 26 Sat 2014 23:46
JavaScript HTML DOM 使用document物件,使用屬性document.cookie之三
[JavaScript HTML DOM]使用document物件,使用屬性document.cookie之三
說明:
document.cookie 存入cookie資料
document.cookie=cookie資料名稱=資料;expires=有效期限
此範例設計說明:
第一步、checkCookie ,檢查是否有存入cookie了。
第二步、如果沒有cookie,顯示輸入名稱
第三步、setCookie(資料的名稱, 存放的值, 有效期限天數)如:setCookie("username", "levin", 1);
第四步、設定有效期限
- Apr 26 Sat 2014 23:18
JavaScript HTML DOM 使用document物件,使用屬性document.cookie之二
[JavaScript HTML DOM]使用document物件,使用屬性document.cookie之二
說明:
document.cookie 存入cookie資料
document.cookie=cookie資料名稱=資料;expires=有效期限
此範例設計說明:
第一步、setCookie(資料的名稱, 存放的值, 有效期限天數)如:setCookie("test", "levin", 1);
第二步、設定有效期限
第三步、存入document.cookie=cookie資料名稱=資料;expires=有效期限
- Apr 26 Sat 2014 22:53
JavaScript HTML DOM 使用document物件,使用屬性document.cookie之一
[JavaScript HTML DOM]使用document物件,使用屬性document.cookie之一
說明:
document.cookie 存入cookie資料
document.cookie=cookie資料名稱=資料;expires=有效期限
此範例設計說明:
第一步、setCookie(資料的名稱, 存放的值, 有效期限天數)如:setCookie("test", "levin", 1);
第二步、設定有效期限
第三步、存入document.cookie=cookie資料名稱=資料;expires=有效期限
第四步、顯示寫入 Cookie 成功頁面上
- Apr 26 Sat 2014 22:23
JavaScript HTML DOM 使用document物件,使用屬性document.activeElement
[JavaScript HTML DOM]使用document物件,使用屬性document.activeElement
說明:
document.activeElement,取得現在動作的元件
此範例設計說明:
第一步、取得現在動作的元件的名稱
第二步、顯示元件的名稱在頁面上
程式:
<html>
- Apr 26 Sat 2014 22:01
JavaScript HTML DOM 使用document物件,使用屬性document.images用法之一
[JavaScript HTML DOM]使用document物件,使用屬性document.images用法之一
說明:
document.images,取得網頁的html image元素
此範例設計說明:
第一步、取得網頁的html image元素
第二步、取得每個image元素的id名稱
第三步、顯示image元素id名稱在頁面上
程式:
- Apr 26 Sat 2014 21:35
JavaScript HTML DOM 使用document物件,使用屬性document.images
[JavaScript HTML DOM]使用document物件,使用屬性document.images
說明:
document.images,取得網頁的html image元素
此範例設計說明:
第一步、取得網頁的html image元素
第二步、顯示image元素數量在頁面上
程式:
<html>
- Apr 26 Sat 2014 21:20
JavaScript HTML DOM 使用document物件,使用屬性document.inputEncoding
[JavaScript HTML DOM]使用document物件,使用屬性document.inputEncoding
說明:
document.inputEncoding,取得網頁的編碼
此範例設計說明:
第一步、取得網頁的編碼
第二步、顯示在頁面上
程式:
<html>
- Apr 26 Sat 2014 21:03
JavaScript HTML DOM 使用document物件,使用屬性document.forms用法之一
[JavaScript HTML DOM]使用document物件,使用屬性document.forms用法之一
說明:
document.forms,取得form元件物件
回傳為陣列
此範例設計說明:
第一步、document.forms.length,取得form元件物件長度。
第二步、取出每個form元件的name名稱
第三步、顯示form元素name名稱在頁面上
程式:
- Apr 26 Sat 2014 20:52
JavaScript HTML DOM 使用document物件,使用屬性document.forms
[JavaScript HTML DOM]使用document物件,使用屬性document.forms
說明:
document.forms,取得form元件物件
回傳為陣列
此範例設計說明:
第一步、document.forms,取得form元件物件
第二步、顯示有幾個form元素在頁面上
程式:
<html>
- Apr 26 Sat 2014 20:24
JavaScript HTML DOM 使用document物件,使用屬性document.documentURI
[JavaScript HTML DOM]使用document物件,使用屬性document.documentURI
說明:
document.documentURI ,取得網址
Internet Explorer 瀏覽器不支援,其他瀏覽器都支援documentURI 屬性
此範例設計說明:
第一步、取得目前的document.documentURI
第二步、顯示在頁面上
- Apr 26 Sat 2014 19:19
JavaScript HTML DOM 使用document物件,使用屬性document.documentElement用法之一
[JavaScript HTML DOM]使用document物件,使用屬性document.documentElement用法之一
說明:
document.documentElement 回傳此網頁文件中的根元素 (root element) ,
取得html的 HTML element的物件 。
取得名稱,document.documentElement.nodeName
取得子元素,document.documentElement.childNodes
此範例設計說明:
第一步、取得目前的document.documentElement
- Apr 26 Sat 2014 18:47
JavaScript HTML DOM 使用document物件,使用屬性document.documentElement
[JavaScript HTML DOM]使用document物件,使用屬性document.documentElement
說明:
document.documentElement 回傳此網頁文件中的根元素 (root element) ,
取得html的 HTML element的物件 。
此範例設計說明:
第一步、取得目前的document.documentElement
第二步、回傳的object HTMLHtmlElement,顯示到頁面上
程式:
<html>
- Apr 26 Sat 2014 17:17
JavaScript HTML DOM 使用document物件,使用屬性document.location
[JavaScript HTML DOM]使用document物件,使用屬性document.location
說明:
document.location 是一個本機網路網域相關物件,
只指印出資訊,預設是顯示此頁網址
此範例設計說明:
第一步、取得目前的document.location
第一步、顯示到頁面上
程式:
- Apr 26 Sat 2014 17:09
JavaScript HTML DOM 使用document物件,使用屬性document.URL
[JavaScript HTML DOM]使用document物件,使用屬性document.URL
說明:
document.URL 取得目前網址列的網址
此範例設計說明:
第一步、取得目前的document.URL
第一步、顯示到頁面上
程式:
<html>
- Apr 26 Sat 2014 16:59
JavaScript HTML DOM 使用document物件,取得標題名稱,使用屬性document.title
[JavaScript HTML DOM]使用document物件,取得標題名稱,使用屬性document.title
說明:
document.title
此範例設計說明:
第一步、取得title
程式:
<html>
<head>
- Apr 26 Sat 2014 16:45
JavaScript HTML DOM 使用document物件,使用屬性document.title
[JavaScript HTML DOM]使用document物件,使用屬性document.title
說明:
document.title
更換title標題
此範例設計說明:
第一步、更換title
程式:
<html>
- Apr 26 Sat 2014 16:04
JavaScript HTML DOM 使用document物件,使用方法document.createElement()及createTextNode()
[JavaScript HTML DOM]使用document物件,使用方法document.createElement()及createTextNode()
說明:
document.createElement()
新增一個html 元件
document.createTextNode()
新增一個字串元件
此範例設計說明:
- Apr 26 Sat 2014 15:55
JavaScript HTML DOM 使用document物件,使用方法document.createElement()
[JavaScript HTML DOM]使用document物件,使用方法document.createElement()
說明:
document.createElement()
新增一個html 元件
用法:
document.createElement(html 元件名稱)
此範例設計說明:
- Apr 26 Sat 2014 15:25
JavaScript HTML DOM 使用document物件,使用方法document.createTextNode()
[JavaScript HTML DOM]使用document物件,使用方法document.createTextNode()
說明:
新增字串
用法:
createTextNode("字串")
此範例設計說明:
第一步、使用新增一個字串元件物件,createTextNode("新增")