小編給大家分享一下怎么使用JavaScript制作頁面效果，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

10余年的崆峒網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整崆峒建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“崆峒網(wǎng)站設(shè)計(jì)”,“崆峒網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

使用 JavaScript 制作頁面效果

DOM 編程

DOM 編程(Document Object Model)文檔對象模型

在 DOM 編程中，把整個(gè)頁面看成一個(gè) document 對象，其中的 html 元素為具體對象，在 DOM 中的核心在于找到相對應(yīng)的 HTML 元素對象，然后對進(jìn)行操作(屬性或樣式的修改)還可以生成新的 HTML 元素對象

在 JS 查找頁面中的元素

通過表單的 name 包含關(guān)系找到對象:

document.calForm.num1

通過 HTML 元素的 id 屬性獲得某個(gè) HTML 元素對象:

document.getElementById(id)

通過 HTML 元素的 name 屬性獲得多個(gè) name 屬性值相同的 HTML 元素對象返回一個(gè)數(shù)組，該數(shù)組中存放所有同 name 屬性的對象

document.getElementsByName(name)

通過 HTML 元素的標(biāo)簽名獲得多個(gè)同標(biāo)簽的 HTML 元素對象

document.getElementsByTagName(tagName)

動(dòng)態(tài)時(shí)間

在頁面上顯示的時(shí)間是動(dòng)態(tài)走動(dòng)的,當(dāng)頁面啟動(dòng)時(shí)顯示時(shí)間,時(shí)間分兩種:

1. 服務(wù)端時(shí)間（通過 Java 獲取)；

2. 客戶端時(shí)間（通過 JS 獲?。?根據(jù)每個(gè)客戶端上的時(shí)間來顯示。
   
   

全選全不選功能

看完了這篇文章，相信你對“怎么使用JavaScript制作頁面效果”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！