2017-06-13 33 views
-1

我是編程新手,我已經學習了一些CSS基礎知識。現在我正在學習一些Javascript,以便使用這三個組合來製作一個體面的網站。爲什麼使用JavaScript來更改元素和DOM?

雖然遵循一個Javascript課程,但我已經接觸到不斷變化的元素和DOM事物章節和一些真正吸引我的東西,也許是因爲我是新的。當你可以在你的HTML代碼中完成時,爲什麼你會使用一些Javascript來改變元素的class id屬性?我的意思是如果你想改變一個元素的類,你只需要去HTML代碼,找到它,並重命名它?

這似乎是一個愚蠢的問題,我知道。您的意見和關於如何使用Javascript的一般澄清說明高度讚賞。

+0

爲什麼要用它來改變類?示例:通過添加/刪除像「is-hidden」這樣的類來切換元素的可見性,而在您的css中有「。is-hidden {display:none; }「 – niorad

+6

因爲並非網頁中的所有內容都是靜態的,如果它只是基於普通的舊文本而沒有任何交互的頁面,那麼就沒有必要使用JavaScript – epascarello

+1

Hey Zaki,您的問題可能是[偏離主題](https: //stackoverflow.com/help/on-topic)。你可能想要檢查[ask]。除此之外,我們使用JavaScript來處理任何應該發生在客戶端的* dynamic *功能。你可能想要改變一旦用戶執行某個動作,就可以改變其外觀。 – domsson

回答

2

那麼JavaScript可以改變classesids和很多其他的事情取決於用戶做什麼。

所以用JavaScript你可以做些事情,如果用戶點擊,滾動或只是移動鼠標。或者即使一些從您的JavaScript代碼發生了,你可以觸發一個事件做別的事情......

這裏一個小故事,可能幫助:

想象一下,你有一個網站上http://my-site.com現在,如果用戶訪問你的網站,他提出一個請求,並獲取HTML,CSS和JavaScript和圖像的頁面

現在,如果你點擊它,你可能想添加一些東西到圖像。所以你點擊時需要添加一個類或其他東西。因爲點擊沒有向服務器發出新的請求。這隻發生在瀏覽器內部,並且在第一個請求中加載了代碼。或者,您可能希望點擊確實向服務器發出新請求並獲取一些信息。然後你只想更新一小部分。就像您的網頁中的一個HTML元素和這個新信息一樣。無需重新加載整個網站。這也可以用JavaScript。但並非沒有。

+0

非常感謝:),我現在明白了更多 –

+0

@ZaKiSB不客氣,很高興幫助!請考慮接受答案和正確答案。當你點擊消息通知計數器,顏色變化,upvoting或接受答案,然後有些東西變成綠色的顏色時,在stackoverflow中看到這些東西......這就是所有的JavaScript。 – caramba

+1

@ZaKiSB:另一個例子:沒有JavaScript,如果沒有頁面重新加載,你將無法評論。評論會感覺較慢(因爲頁面重新加載)並且不太方便。 JavaScript(以及所有相關的瀏覽器API)可以讓您更快地響應用戶交互,提供更愉快的用戶體驗。 –

1

使用JavaScript可以動態更改這些屬性。例如。您可以使用JavaScript在用戶單擊按鈕時更改該類。

0
  • HTML:您的網站的骨架
  • CSS:您的網站
  • 的JavaScript外觀:修改內容的能力,動態/自動

ExampleJSFiddle HTML/CSS/JavaScript example

在在這個例子中,我們使用了將一個類從一個元素更改爲另一個元素的想法,但不直接轉到HTML並手動更改它。

+1

謝謝你的夥計! –

0

當你建立一個完整的網站,你必須與客戶互動,例如註冊表單,如果有驗證問題,你將需要直到用戶關於它,如何?通過改變html頁面中的一些屬性,但這將使用JavaScript函數來處理。 這是什麼讓JavaScript感興趣。