公告版位


關於本站 程式開發學習之路 ,這裡有Java程式開發相關技術等學習交流。

主要提高開發程式效率同時分享一些開發程式經驗、深入探討開發程式體驗等技術和教學。
相關技術等學習交流。


語言(Languages)及框架(Framework): JavaJSP/Tag/JSTL/ServletGrailsjQueryJavaScriptSpringSpringMVCSpringSecurityHibernateStrutsPHPC/C++GoogleAppEngineHTML5/CSS3Android、 Xml、 Ajax、 Json、 Ant、 UML、 ShellScripts、 AngularJS等



工具(Software)/環境(Environment): Windows7EclipseLinux、 Subversion、 mavenTomcatWeblogicJbossApache

資料庫(Database): MySQLOracle SQLPostgerSQLSQL Server


本站來自:Java程式教學甘仔店

喜歡本站可以加入粉絲~

Java鬥陣仔甘仔店粉絲頁

Google+


本站內容僅供分享學習交流之用,將不對任何資源負法律責任。如有侵犯您的版權,請來信或留言給我們,我們將盡快為您處理。


目前分類:JavaScript HTML DOM (37)

瀏覽方式: 標題列表 簡短摘要

[JavaScript HTML DOM]使用document物件,使用屬性document.referrer

說明:
document.referrer用來查詢網頁的來源網址
如果是自己打網址直接到網頁中,用 document.referrer 就查詢不到任何的值。

此範例設計說明:
第一步、取出document.referrer
第二步、顯示來源網頁網址

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.cookie之三

說明:
document.cookie 存入cookie資料
document.cookie=cookie資料名稱=資料;expires=有效期限
此範例設計說明:
第一步、checkCookie ,檢查是否有存入cookie了。
第二步、如果沒有cookie,顯示輸入名稱
第三步、setCookie(資料的名稱, 存放的值, 有效期限天數)如:setCookie("username", "levin", 1);
第四步、設定有效期限

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.cookie之二


說明:
document.cookie 存入cookie資料
document.cookie=cookie資料名稱=資料;expires=有效期限
此範例設計說明:
第一步、setCookie(資料的名稱, 存放的值, 有效期限天數)如:setCookie("test", "levin", 1);
第二步、設定有效期限
第三步、存入document.cookie=cookie資料名稱=資料;expires=有效期限

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.cookie之一

說明:
document.cookie 存入cookie資料
document.cookie=cookie資料名稱=資料;expires=有效期限
此範例設計說明:
第一步、setCookie(資料的名稱, 存放的值, 有效期限天數)如:setCookie("test", "levin", 1);
第二步、設定有效期限
第三步、存入document.cookie=cookie資料名稱=資料;expires=有效期限
第四步、顯示寫入 Cookie 成功頁面上

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.activeElement

說明:
document.activeElement,取得現在動作的元件

此範例設計說明:
第一步、取得現在動作的元件的名稱
第二步、顯示元件的名稱在頁面上
程式:
<html>

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.images用法之一

說明:
document.images,取得網頁的html image元素

此範例設計說明:
第一步、取得網頁的html image元素
第二步、取得每個image元素的id名稱
第三步、顯示image元素id名稱在頁面上
程式:

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.images

說明:
document.images,取得網頁的html image元素

此範例設計說明:
第一步、取得網頁的html image元素
第二步、顯示image元素數量在頁面上
程式:
<html>

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.inputEncoding

說明:
document.inputEncoding,取得網頁的編碼

此範例設計說明:
第一步、取得網頁的編碼
第二步、顯示在頁面上
程式:
<html>

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.forms用法之一

說明:
document.forms,取得form元件物件
回傳為陣列
此範例設計說明:
第一步、document.forms.length,取得form元件物件長度。
第二步、取出每個form元件的name名稱
第三步、顯示form元素name名稱在頁面上
程式:

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.forms

說明:
document.forms,取得form元件物件
回傳為陣列
此範例設計說明:
第一步、document.forms,取得form元件物件
第二步、顯示有幾個form元素在頁面上
程式:
<html>

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.documentURI


說明:
document.documentURI ,取得網址
Internet Explorer 瀏覽器不支援,其他瀏覽器都支援documentURI 屬性

此範例設計說明:
第一步、取得目前的document.documentURI
第二步、顯示在頁面上

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.documentElement用法之一

說明:
document.documentElement 回傳此網頁文件中的根元素 (root element) ,
取得html的 HTML element的物件 。
取得名稱,document.documentElement.nodeName
取得子元素,document.documentElement.childNodes

此範例設計說明:
第一步、取得目前的document.documentElement

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.documentElement

說明:
document.documentElement 回傳此網頁文件中的根元素 (root element) ,
取得html的 HTML element的物件 。
此範例設計說明:
第一步、取得目前的document.documentElement
第二步、回傳的object HTMLHtmlElement,顯示到頁面上
程式:
<html>

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.location

說明:
document.location 是一個本機網路網域相關物件,
只指印出資訊,預設是顯示此頁網址

此範例設計說明:
第一步、取得目前的document.location
第一步、顯示到頁面上
程式:

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.URL

說明:
document.URL 取得目前網址列的網址

此範例設計說明:
第一步、取得目前的document.URL
第一步、顯示到頁面上
程式:
<html>

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,取得標題名稱,使用屬性document.title

說明:
document.title

此範例設計說明:
第一步、取得title
程式:
<html>
<head>

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用屬性document.title

說明:
document.title
更換title標題

此範例設計說明:
第一步、更換title
程式:
<html>

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用方法document.createElement()及createTextNode()


說明:
document.createElement()
新增一個html 元件
document.createTextNode()
新增一個字串元件

此範例設計說明:

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用方法document.createElement()

說明:
document.createElement()
新增一個html 元件

用法:
document.createElement(html 元件名稱)

此範例設計說明:

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

[JavaScript HTML DOM]使用document物件,使用方法document.createTextNode()

說明:
新增字串

用法:
createTextNode("字串")

此範例設計說明:
第一步、使用新增一個字串元件物件,createTextNode("新增")

文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣()

1 2