使用 JavaScript 制作頁(yè)面效果
十一、使用 JavaScript 制作頁(yè)面效果
11.1 DOM 編程
DOM 編程(Document Object Model)文檔對(duì)象模型
在 DOM 編程中，把整個(gè)頁(yè)面看成一個(gè) document 對(duì)象，其中的 html 元素為具體對(duì)象，在 DOM 中的核心在于找到相對(duì)應(yīng)的 HTML 元素對(duì)象，然后對(duì)進(jìn)行操作(屬性或樣式的修改)還可以生成新的 HTML 元素對(duì)象
11.2 在 JS 查找頁(yè)面中的元素
- 通過(guò)表單的 name 包含關(guān)系找到對(duì)象:
document.calForm.num1 - 通過(guò) HTML 元素的 id 屬性獲得某個(gè) HTML 元素對(duì)象:
document.getElementById(id)- 通過(guò) HTML 元素的 name 屬性獲得多個(gè) name 屬性值相同的 HTML 元素對(duì)象返回一個(gè)數(shù)組，該數(shù)組中存放所有同 name 屬性的對(duì)象
document.getElementsByName(name)通過(guò) HTML 元素的標(biāo)簽名獲得多個(gè)同標(biāo)簽的 HTML 元素對(duì)象 document.getElementsByTagName(tagName)
11.2.1 動(dòng)態(tài)時(shí)間
在頁(yè)面上顯示的時(shí)間是動(dòng)態(tài)走動(dòng)的,當(dāng)頁(yè)面啟動(dòng)時(shí)顯示時(shí)間,時(shí)間分兩種:
服務(wù)端時(shí)間（通過(guò) Java 獲取)；客戶端時(shí)間（通過(guò) JS 獲?。?根據(jù)每個(gè)客戶端上的時(shí)間來(lái)顯示。
11.2.2 全選全不選功能
到此這篇關(guān)于使用 JavaScript 制作頁(yè)面效果的文章就介紹到這了,更多相關(guān)js制作頁(yè)面內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript設(shè)計(jì)模式--簡(jiǎn)單工廠模式實(shí)例分析【XHR工廠案例】
這篇文章主要介紹了JavaScript設(shè)計(jì)模式--簡(jiǎn)單工廠模式,結(jié)合實(shí)例形式分析了JavaScript設(shè)計(jì)模式中簡(jiǎn)單工廠模式原理與XHR工廠應(yīng)用案例,需要的朋友可以參考下2020-05-05
JavaScript實(shí)現(xiàn)拖拽排序的方法詳解
可拖拽排序的菜單效果大家想必都很熟悉，本次我們通過(guò)一個(gè)可拖拽排序的九宮格案例來(lái)演示其實(shí)現(xiàn)原理，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-05-05
javascript ie6兼容position:fixed實(shí)現(xiàn)思路
positon:fixed 讓HTML元素脫離文檔流固定在瀏覽器的某個(gè)位置，由于網(wǎng)頁(yè)中類似這樣的元素很多，所以本文的出現(xiàn)是很有必要的了，接下為大家介紹下javascript如何實(shí)現(xiàn)ie6下的position:fixed2013-04-04
這篇文章主要為大家介紹了JavaScript解構(gòu)賦值，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-12-12
JavaScript及jquey實(shí)現(xiàn)多個(gè)數(shù)組的合并操作
這篇文章主要介紹了JavaScript及jquey實(shí)現(xiàn)多個(gè)數(shù)組的合并操作,在某些情況下還是比較實(shí)用的，需要的朋友可以參考下2014-09-09
用JavaScript腳本實(shí)現(xiàn)Web頁(yè)面信息交互
這篇文章主要介紹了用JavaScript腳本實(shí)現(xiàn)Web頁(yè)面信息交互2006-10-10
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版簡(jiǎn)易計(jì)算器功能
這篇文章主要介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版簡(jiǎn)易計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了JavaScript中arguments的使用方法，arguments?是一個(gè)對(duì)應(yīng)于傳遞給函數(shù)的參數(shù)的類數(shù)組對(duì)象。下文詳細(xì)介紹，需要的小伙伴可以參考一下2022-05-05
JavaScript實(shí)現(xiàn)找質(zhì)數(shù)代碼分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)找質(zhì)數(shù)代碼分享,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-03-03
微信小程序?qū)崿F(xiàn)卡片左右滑動(dòng)效果的示例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)卡片左右滑動(dòng)效果的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05