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. angular.js - 輸入郵箱地址之后， 如何使其自動在末尾添加分號？2. 管理員信息修改時的密碼問題3. javascript - JS 里面的 delete object.key 到底刪除了什么？4. android - RxJava 中有根據條件執行不同函數的操作符嗎？5. mysql - 電商如何存儲營業額數據6. javascript - 后臺管理系統左側折疊導航欄數據較多，怎么樣直接通過搜索去定位到具體某一個菜單項位置，并展開當前菜單7. javascript - html5的data屬性怎么指定一個function函數呢？8. javascript - 如何使用nodejs 將.html 文件轉化成canvas9. html5 - 為什么使使用vue cli 腳手架，post-css 沒有自動對css3屬性自動添加瀏覽器前綴呢？10. java如何生成token？
網公網安備