2017-06-13 34 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感兴趣。