javascript - 在<script>标签中输出</script>的疑问
问题描述
问题描述：
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title></head><body> <script> console.log('</script>'); </script></body></html>
无法输出，报错：Uncaught SyntaxError: Invalid or unexpected token。
这属于是浏览器的BUG吗？
问题解答
回答1：结合浏览器看起解析，估计能明白，因为你要console的是一个script的结束标签，浏览器在解析html标签的时候，直接就把它当做结束标签用了，这时候你会看到页面上只显示了');,余下的本来是真正的结束标签，被当做多余处理掉了。
类似情况还有
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title></head><body> <script> //</script> </script></body></html>
从解析标签的角度来看，浏览器：“这锅我不背”。
如果要正常显示，可以 加转义
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title></head><body> <script> console.log('</script>'); </script></body></html>回答2：
浏览器内核的HTML解析器是一种“状态机”的处理方式；html解析原理
回答3：谷歌可以输出
相关文章：
1. javascript - 一排三个框，各个框的间距是15px,距离外面的白框间距也是15px，这个css怎么写？2. javascript - Vue 的依赖追踪属于单向数据绑定还是双向绑定？3. html5 - javascript写业务有用到什么编程范式没？4. javascript - vue 数据更新了。但是dom没有更新，，，，，如图5. javascript - jQuery post()方法，里面的请求串可以转换为GBK编码么？可以的话怎样转换？6. javascript - vue 手机端项目在进入主页后 在进入子页面，直接按返回出现空白情况7. 网页爬虫 - python爬虫翻页问题，请问各位大神我这段代码怎样翻页，还有价格要登陆后才能看到，应该怎么解决8. html5 - vue-cli 装好了 新建项目的好了，找不到项目是怎么回事？9. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();10. javascript - 哪位大神指导下，如何实现今日头条头部导航列表，点那个类型，哪种类型就居中了？
网公网安备