将JS和CSS加载到HTML中

时间:2018-08-02 22:32:00

标签: javascript html css

我对HTML标记语言非常陌生。我有一个html表(实际上我实际上是使用PHP文件中的echo语句动态生成的),并且我想对其应用一些CSS和JS,这样我就可以获得诸如row + col mouseover高亮显示和用于滚动的固定表头之类的好处。我有几个问题,

  1. (比一般的问题要多的是一般的询问)我在哪里可以找到JS的好例子,或者如何获得上面提到的预期效果?
  2. 我在哪里放置<script><link>标签以导入JS和CSS文件,以便它们对我的表生效?到目前为止,我将标签放置在HTML正文的<head>中。我一直在碰到各种各样的示例,并尝试将JS代码复制到文件中,然后告诉HTML使用标记在哪里查看,但我似乎无法执行CSS或JS文件

4 个答案:

答案 0 :(得分:2)

  1. 这是一个非常广泛的问题,因为有很多方法可以执行此操作,但是我建议您参考一些如今已经成为某种行业标准的示例,例如Bootstrap。它们具有诸如表悬停之类的类,它们将使您的行高亮显示至少。这是一个良好的基础。
  2. 您将希望将css文档存储在页面的顶部,但是您的脚本可以加载到页面的顶部或正文的末尾。我怀疑您的JS文档可能没有按您希望的那样执行的原因是,因为您有一些代码需要DOM元素(页面上的元素)才能提供给事件处理程序,然后才能执行。您需要等待执行代码,直到DOM元素完成渲染为止,或者至少要修改那些元素。

答案 1 :(得分:2)

  1. 我知道Codecademy的免费课程提供了不错的示例和做法,但是我不确定。

  2. 大多数时候,CSS将在<head>中链接,这是您要执行的操作。链接到您的JS的最一致的位置是在页面底部的</body>标记之前。

答案 2 :(得分:1)

使用表格样式,只需四处浏览即可找到一些框架,这些框架看起来很棒。

放置X2标签的位置无关紧要,它们可以放入您的<script><head>中。您的<body>标记只能进入您的脑袋。

答案 3 :(得分:1)

对于您寻求的效果,我不确定您是否需要JS,仅CSS本身就应该可以实现-尽管样式表并不是我近年来要做的。

可以从<head>链接到CSS和js文件。

如果您无法成功进行此操作:

  • 在浏览器中“检查”页面(取决于浏览器如何启动页面)
  • 在服务器和/或浏览器的控制台上查找错误

我希望路径有问题:如果它是相对路径(不是以http(s)://开头,也不是以“ /”开头):它是html所在路径的相对路径。如果这是一条绝对路径,那么那是从服务器上的文档根目录开始的。