简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Question about outputting </script> in <script> tag
ringa_lee
ringa_lee 2017-06-14 10:52:30
0
3
894

Problem Description:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <script>
    console.log("</script>");
  </script>
</body>
</html>

Unable to output, error: Uncaught SyntaxError: Invalid or unexpected token.

Is this a browser BUG?

ringa_lee
ringa_lee

ringa_lee

reply all(3)
Ty80
Ty802017-06-14 10:54:30 3 floor

Based on the parsing with the browser, you can probably understand, because what you want to console is the end tag of a script. When the browser parses the html tag, it directly uses it as the end tag. At this time, you will see the page Only "); is shown above. The rest was originally the real closing tag and was treated as redundant.

There are similar situations

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <script>
      //</script>
  </script>
</body>
</html>

From the perspective of parsing tags, the browser: "I won't take responsibility for this."

If you want to display it normally, you can add escaping

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <script>
    console.log("<\/script>");
  </script>
</body>
</html>
Like +0
Add Reply
漂亮男人
漂亮男人2017-06-14 10:54:30 2 floor

The HTML parser in the browser kernel is a "state machine" processing method;
HTML parsing principle

Like +0
Add Reply
伊谢尔伦
伊谢尔伦2017-06-14 10:54:30 1 floor

Google can output

Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！