javascript - Dynamic: CSS vs JavaScript

Question

JavaScript is more dynamic than CSS. But how is JavaScript more dynamic than CSS? How does JavaScript coding work in a better way than CSS?

Answer 1

这是两种不同的东西。CSS 是一种样式表语言，而 JavaScript 是一种编程语言。这真的就像比较苹果和橘子。（实际上，这种区别在技术层面上并不是那么明显，显然CSS 甚至是图灵完备的，但由于大多数人实际上使用“编程语言”这个术语，它们是不同的。）

但我想你可以说 JavaScript 更具动态性，因为它是一种可以动态改变页面内容和呈现的编程语言。实际上，您可以使用 JavaScript 在运行时动态添加和删除 CSS 规则。您还可以更改页面中 DOM 元素的属性，例如类、ID 等。

Answer 2

是的，CSS 不像JavaScript那样动态，而且新的动态选择器在旧版浏览器中不起作用。如果没有任何问题，人们也不会升级，所以使用纯 CSS 解决方案 =)

使用纯 CSS 完成的可切换菜单通常使用:selected动态选择器并使用一些可见的菜单元素对其进行样式设置，以使其仅在选中隐藏复选框时才可见。

Answer 3

JavaScript可以更灵活，因为它是一种编程语言，而 CSS 可以更好地执行，因为它内置在浏览器中。JavaScript 可以模拟许多相同的 CSS 属性，但 CSS 会具有更好的性能。例如，它可以使动画更流畅。

很多时候，人们会编写 JavaScript 代码来设置 CSS 属性以让 CSS 进行渲染。

Answer 4

JavaScript不仅止于制作酷炫的设计，它还直接为 HTML 做很多其他事情，而 CSS 只会帮助您进行页面设计，而 CSS 不能取代您网站的动作制造者 Javascript。我的意思是……想象一个 CSS 下拉菜单，哈哈。

不过是个好问题。

Answer 5

他们的能力有很大的重叠。

纯 CSS3 可用于构建具有下拉菜单的有吸引力且响应迅速的菜单栏。你可以在纯 Javascript 中做同样的事情。但是您可能会发现 HTML+CSS 在创建布局+样式方面更具表现力。

当您必须在客户端动态生成内容（例如，在浏览器中运行的编辑器和模拟器）时，Javascript 将派上用场。然后，您可能会发现（实际上）用 Javascript 做所有事情会更容易。