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. docker gitlab 如何git clone?2. angular.js使用$resource服务把数据存入mongodb的问题。3. 关于docker下的nginx压力测试4. docker镜像push报错5. 关于Android权限的获取问题,大家遇到过这样的情况嘛?6. 刷新页面出现弹框7. angular.js - angularJs ngRoute怎么在路由传递空字符串及用ng-switch取得8. mysql - 用PHPEXCEL将excel文件导入数据库数据5000+条,本地数据库正常,线上只导入15条,没有报错,哪里的问题?9. android - 项目时间长了,字符串文件strings有的字符串可能是多余的,有没有办法快速检测那些是没用的?10. docker不显示端口映射呢?
