HTML,JS和CSS如何协同工作

Question

我想了解HTML,JS和CSS如何协同工作并相互引用.

我发现HTML可以通过id引用引用CSS.
例:<div id="left-show"></div>

但是,如果有人能澄清以下内容,我们将不胜感激:

1. 您如何告诉您的HTML代码引用特定的JS函数.
2. 在JS函数中,引用CSS id是一个好习惯吗？
3. 如果JS函数和CSS id共享相同的名称,那会产生冲突吗？

Answer 1

您如何告诉您的HTML代码引用特定的JS函数.

一般来说,你没有.

您包含一个脚本(带有一个<script>元素),可以访问您希望它与之交互的DOM的任何部分(通过document浏览器可用于脚本的对象).

您可以使用该addEventListener方法绑定一个函数,以便它将响应一个事件(例如单击一个按钮)运行.

在JS函数中,引用CSS id是一个好习惯吗？

没有CSS id这样的东西.HTML具有多种用途的ID,包括由CSS ID选择器匹配,链接到URL末尾的片段标识符,并允许<label>使用该for属性引用其关联的表单控件.

如果要访问特定元素,则HTML ID是识别它的好方法(通过该getElementById方法).

如果JS函数和CSS id共享相同的名称,那会产生冲突吗？

如果任何类型的JavaScript变量(包括函数)与HTML元素的ID匹配,则可能存在一些问题.最好尽量远离全球范围(根据这个答案).