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. java - 創建maven項目失敗了 求解決方法2. MySQL中的enum類型有什么優點?3. java - 線上應用,如果數據庫操作失敗的話應該如何處理?4. javascript - js setTimeout在雙重for循環中如何使用?5. Phpstorm搭配Sqlsever2008實現PDO連接報錯6. javascript - arguments.callee7. css - 如何選擇字體?8. atom開始輸入!然后按tab只有空格出現沒有html格式出現9. mysql - 這種分級一對多,且分級不平衡的模型該怎么設計表?10. javascript - 有適合開發手機端Html5網頁小游戲的前端框架嗎?
