控制台报错Uncaught SyntaxError: Unexpected token踩坑实录

作为一个工作两年的前端小菜鸟,今天被一个后端的同事问到。他说他的控制台报错:Uncaught SyntaxError: Unexpected token '.' ,像下面这样。

控制台报错Uncaught SyntaxError: Unexpected token踩坑实录 HTML笔记 第1张

嗯,在他确定代码没有语法错误之后,我决定来翻译一下:

控制台报错Uncaught SyntaxError: Unexpected token踩坑实录 HTML笔记 第2张

一头雾水。

检查 .css 文件,也没有发现语法问题。

搞了半天,最后找到问题的原因。

我来还原一下:

<script src="css/detail.min.css"></script>

咦,好像很眼熟,但又好像哪里不对,啊啊啊!!!

用 script 标签引的 .css 文件,确实是第一次见呐。

把标签改成 link 就可以了,一次完美的低级失误

<link rel="stylesheet" href="css/detail.min.css">

看一下这两个标签有什么区别,哦对,我记得之前整理过 script 标签,在这:HTML的 script 标签引用js文件及其属性整理

那么 link 标签呢? w3school 的解释是:

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。

link 标签最常用的用途就是引用 .*ss 样式表文件

推荐阅读:

阿里巴巴矢量图标库 iconfont 的使用方法

Bootstrap 模态框(Modal)插件的基本应用

js获取input上传文件的文件名和扩展名的方法

【笔记】微信小程序注册、发布流程及首页自动跳转

解决老版本IE不兼容rgba的问题

赞 (5)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)