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