使用 JavaScript 制作頁面效果
更新時(shí)間：2021年04月20日 08:33:31 作者：&小小白&
這篇文章主要介紹了使用 JavaScript 制作頁面效果,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
十一、使用 JavaScript 制作頁面效果
11.1 DOM 編程
DOM 編程(Document Object Model)文檔對(duì)象模型
在 DOM 編程中，把整個(gè)頁面看成一個(gè) document 對(duì)象，其中的 html 元素為具體對(duì)象，在 DOM 中的核心在于找到相對(duì)應(yīng)的 HTML 元素對(duì)象，然后對(duì)進(jìn)行操作(屬性或樣式的修改)還可以生成新的 HTML 元素對(duì)象
11.2 在 JS 查找頁面中的元素
- 通過表單的 name 包含關(guān)系找到對(duì)象:
document.calForm.num1 - 通過 HTML 元素的 id 屬性獲得某個(gè) HTML 元素對(duì)象:
document.getElementById(id)- 通過 HTML 元素的 name 屬性獲得多個(gè) name 屬性值相同的 HTML 元素對(duì)象返回一個(gè)數(shù)組，該數(shù)組中存放所有同 name 屬性的對(duì)象
document.getElementsByName(name)通過 HTML 元素的標(biāo)簽名獲得多個(gè)同標(biāo)簽的 HTML 元素對(duì)象 document.getElementsByTagName(tagName)
11.2.1 動(dòng)態(tài)時(shí)間
在頁面上顯示的時(shí)間是動(dòng)態(tài)走動(dòng)的,當(dāng)頁面啟動(dòng)時(shí)顯示時(shí)間,時(shí)間分兩種:
服務(wù)端時(shí)間（通過 Java 獲取)；客戶端時(shí)間（通過 JS 獲?。?根據(jù)每個(gè)客戶端上的時(shí)間來顯示。
11.2.2 全選全不選功能
到此這篇關(guān)于使用 JavaScript 制作頁面效果的文章就介紹到這了,更多相關(guān)js制作頁面內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了在JS中如何解析HTML字符串,需要的朋友可以參考下2014-04-04
Mock.js的安裝與使用教程(擺脫后端同學(xué)的束縛)
Mock功能可以根據(jù)接口/數(shù)據(jù)結(jié)構(gòu)定義、Mock規(guī)則配置、Mock?期望配置，自動(dòng)生成模擬數(shù)據(jù),且使用者可以根據(jù)需要靈活構(gòu)造各種結(jié)構(gòu)的接口數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Mock.js的安裝與使用的相關(guān)資料,需要的朋友可以參考下2022-08-08
bootstrap switch開關(guān)組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap switch開關(guān)組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
laypage+SpringMVC實(shí)現(xiàn)后端分頁
這篇文章主要為大家詳細(xì)介紹了laypage+SpringMVC實(shí)現(xiàn)后端分頁，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
javascript中打印當(dāng)前的時(shí)間實(shí)現(xiàn)思路及代碼
打印當(dāng)前的時(shí)間的方法有很多，在本文為大家詳細(xì)介紹下使用javascript是如何做到的，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-12-12
這篇文章主要介紹了js繼承方式，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-09-09
Firefox getBoxObjectFor getBoundingClientRect聯(lián)系
Firefox在含有flash的網(wǎng)頁上提示：不建議使用 getBoxObjectFor() 。 請(qǐng)使用 element.getBoundingClientRect()。2008-10-10
JS/jQuery實(shí)現(xiàn)超簡單的Table表格添加,刪除行功能示例
這篇文章主要介紹了JS/jQuery實(shí)現(xiàn)超簡單的Table表格添加,刪除行功能,結(jié)合實(shí)例形式詳細(xì)分析了JS與jQuery針對(duì)Table表格添加,刪除行功能的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-07-07
為了防止INPUT按回車form自動(dòng)提交，可以以下兩種方法：增加一個(gè)隱藏的input。為input增加一個(gè)按鍵事件來阻止form提交。具體詳情可以參考下本文2016-12-12
這篇文章主要介紹了javascript實(shí)現(xiàn)在線客服效果的實(shí)例代碼，非常不錯(cuò)，這里推薦給大家，有需要的小伙伴可以參考下。2015-07-07