blocks|key|1225822|text|HTML注释，即不再需要。它们的目的是允许不理解<script>标记的浏览器优雅地降级。这些浏览器，例如。Netscape+1.x不再在野外被发现。因此，在脚本标记中添加HTML注释真的没有意义了。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1225823|如果希望HTML验证为XHTML或XML，则可能需要使用注释掉的CDATA标记。|1225824|<script+type="text/javascript">
//<![CDATA[
document.write("Hello+World!");
//]]>
</script>|code-block|syntax|javascript|1225825|这样做的原因是，作为javascript代码一部分的<、>、&、"和'不必分别编码为&lt;、&gt;、&amp;、&quot;和<+code+>D12。|1225826|entityMap^0|C|8|W|8|0|0|0|Q|1|S|1|U|1|W|1|Y|1|16|4|1B|4|1G|5|1M|6|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]|$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]|$9|18|A|19|B|C]|$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|P|$]]

<p>HTML comments, ie. <code>&lt;!-- --&gt;</code>, are no longer needed. They were intended to allow browsers that didn't understand the <code>&lt;script&gt;</code> tag to degrade gracefully. These browsers, eg. Netscape 1.x are no longer found in the wild. So there is really no point in putting HTML comments in your script tags anymore.</p>

<p>If you want your HTML to validate as XHTML or XML, you probably want to use a commented out CDATA tag.</p>

<pre><code>
&lt;script type=&quot;text/javascript&quot;&gt;
//&lt;![CDATA[
document.write(&quot;Hello World!&quot;);
//]]&gt;
&lt;/script&gt;</code></pre>

<p>The reason for this is so your <code>&lt;</code>, <code>&gt;</code>, <code>&amp;</code>, <code>"</code> and <code>'</code> that are part of your javascript code won't have to be encoded as <code>&amp;lt;</code>, <code>&amp;gt;</code>, <code>&amp;amp;</code>, <code>&amp;quot;</code> and <code>&amp;apos;</code> respectively.</p>


blocks|key|1440537|text|不完全是，除非你的目标是20岁的浏览器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1440538|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Not really, unless you're targeting 20-year-old browsers.</p>


blocks|key|1225781|text|最好是一起避免在主体中使用JavaScript。它使更新变得更容易，避免了注释的需要，并迫使您为不支持JavaScript的用户以及启用了JavaScript的用户进行计划。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1225782|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>It is better to just avoid JavaScript in the body all together. It makes things easier to update, avoids the needs for comments and forces you to plan for non-JavaScript enabled users as well as users with JavaScript enabled.</p>


blocks|key|1225868|text|不是你做的方式，不是。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1225869|在javascript中，|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|E|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|F|8|@]|9|@]|A|$]]]|D|$]]

<p>Not the way you are doing it, no.</p>

<p>The &lt;!-- is treated the same as // in javascript, so your code should instead look like this:</p>

<pre><code>&lt;script type="text/javascript"&gt;
&lt;!--
document.write("Hello World!");
//--&gt;
&lt;/script&gt;
</code></pre>

<p>..the difference with yours being that a rare obscure browser that may not understand the script tag will print the opening // to the screen, which kind of defeats the purpose of putting the comment tag there in the first place.</p>

<p>Here's more info on it here if you are curious:
<a href="http://www.javascripter.net/faq/comments.htm" rel="noreferrer">http://www.javascripter.net/faq/comments.htm</a></p>

<p>However in the end even super obscure browsers that don't support javascript by default (like HTMLLayout browse or Netsurf) know it is best not to render the text between script tags, so no, it is no longer relevant by any means. However all browsers you could possibly care about understand the &lt;!-- syntax, so there is no real need to madly worry about removing it from what you already have, because it is valid js, just remember to not add it next time.</p>


blocks|key|1225926|text|即使在现代浏览器中，它也是有用的。实际上，我今天遇到了这个问题，正是因为我想避免将javascript嵌入到我的html中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1225927|我有一个在http://host/variable_app_name/pagename上提供的variable_app_name页面，其中的html可以有很多值(你知道，变量)。如果它想要访问静态文件，它必须使用像http://host/static/variable_app_name/filename这样的url，所以如果不先查看浏览器的位置来查找variable_app_name的值，我就不能指定静态文件的位置。|offset|length|style|CODE|1225928|要链接到主javascript文件，我执行以下操作：|1225929|<script+type="text/javascript"+>
+++var+variable_app_name+=+window.location.pathname.split('/')[1];
+++document.write('<script+type="text/javascript"+src="/static/'%2Bvariable_app_name%2B'/pagename.js"></script>\n');
</script>|code-block|syntax|javascript|1225930|即使在最新版本的Chrome中，上述代码也会爆炸，因为script标记将在javascript字符串的中间终止，而字符串的其余部分将被解释为html，如下所示：|1225931|<script+type="text/javascript"+>
+++var+variable_app_name+=+window.location.pathname.split('/')[1];
+++document.write('<script+type="text/javascript"+src="/static/'%2Bvariable_app_name%2B'/pagename.js">
</script>
\n');
</script>|1225932|有很多方法可以解决这个问题，但我喜欢使用html注释。|1225933|带有html注释：|1225934|<script+type="text/javascript"+>

</script>|1225935|拆分javascript字符串：|1225936|<script+type="text/javascript"+>
+++var+variable_app_name+=+window.location.pathname.split('/')[1];
+++document.write('<script+type="text/javascript"+src="/static/'%2Bvariable_app_name%2B'/pagename.js"></scr'%2B'ipt>\n');
</script>|1225937|创建并附加脚本标记，而不是使用document.write：|1225938|<script+type="text/javascript"+>
+++var+variable_app_name+=+window.location.pathname.split('/')[1];
+++var+script+=+document.createElement('script');
+++script.type+=+'text/javascript';
+++script.src+=+'/static/'%2Bvariable_app_name%2B'/pagename.js';
+++document.head.appendChild(script);
</script>|1225939|我喜欢使用html注释，因为它是一个简洁的更改，它不需要为每个链接文件进行复制或思考。|1225940|entityMap^0|0|5|12|1B|H|2Z|19|4W|H|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@$D|1C|E|1D|F|G]|$D|1E|E|1F|F|G]|$D|1G|E|1H|F|G]|$D|1I|E|1J|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1K|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1L|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1N|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1O|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1P|8|@]|9|@]|A|$]]|$1|W|3|X|5|L|7|1Q|8|@]|9|@]|A|$M|N]]|$1|Y|3|Z|5|6|7|1R|8|@]|9|@]|A|$]]|$1|10|3|11|5|L|7|1S|8|@]|9|@]|A|$M|N]]|$1|12|3|13|5|6|7|1T|8|@]|9|@]|A|$]]|$1|14|3|15|5|L|7|1U|8|@]|9|@]|A|$M|N]]|$1|16|3|17|5|6|7|1V|8|@]|9|@]|A|$]]|$1|18|3|-4|5|6|7|1W|8|@]|9|@]|A|$]]]|19|$]]

<p>Even in modern browsers, it can be useful. I actually ran into this problem today, precisely because I wanted to avoid having javascript embedded in my html.</p>

<p>I have an html page that is served up on <code>http://host/variable_app_name/pagename</code>, where <code>variable_app_name</code> can have many values (y'know, variable). If it wants to access static files it has to use a url like <code>http://host/static/variable_app_name/filename</code>, so I cannot specify the static file location without first looking at browser's location to find the value of <code>variable_app_name</code>.</p>

<p>To link to the main javascript file I do the following:</p>

<pre><code>&lt;script type="text/javascript" &gt;
   var variable_app_name = window.location.pathname.split('/')[1];
   document.write('&lt;script type="text/javascript" src="/static/'+variable_app_name+'/pagename.js"&gt;&lt;/script&gt;\n');
&lt;/script&gt;
</code></pre>

<p>The above code will explode even in the latest version of Chrome, because the script tag will be terminated in the middle of a javascript string and the remainder of the string will be interpreted as html, like so:</p>

<pre><code>&lt;script type="text/javascript" &gt;
   var variable_app_name = window.location.pathname.split('/')[1];
   document.write('&lt;script type="text/javascript" src="/static/'+variable_app_name+'/pagename.js"&gt;
&lt;/script&gt;
\n');
&lt;/script&gt;
</code></pre>

<p>There are many ways to fix this, but I like to use an html comment.</p>

<p>With html comment:</p>

<pre><code>&lt;script type="text/javascript" &gt;
&lt;!--
   var variable_app_name = window.location.pathname.split('/')[1];
   document.write('&lt;script type="text/javascript" src="/static/'+variable_app_name+'/pagename.js"&gt;&lt;/script&gt;\n');
--&gt;
&lt;/script&gt;
</code></pre>

<p>Breaking up the javascript string:</p>

<pre><code>&lt;script type="text/javascript" &gt;
   var variable_app_name = window.location.pathname.split('/')[1];
   document.write('&lt;script type="text/javascript" src="/static/'+variable_app_name+'/pagename.js"&gt;&lt;/scr'+'ipt&gt;\n');
&lt;/script&gt;
</code></pre>

<p>Create and append the script tag rather than using document.write:</p>

<pre><code>&lt;script type="text/javascript" &gt;
   var variable_app_name = window.location.pathname.split('/')[1];
   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.src = '/static/'+variable_app_name+'/pagename.js';
   document.head.appendChild(script);
&lt;/script&gt;
</code></pre>

<p>I like to use the html comment because it's a concise change and it won't need replicating or thinking about for each linked file.</p>


<p>Is it still relevant to use HTML comment tag  around JavaScript code?</p>

<p>I mean</p>

<pre><code>&lt;html&gt;
    &lt;body&gt;
        &lt;script type="text/javascript"&gt;
            //&lt;!--
            document.write("Hello World!");
            //--&gt;
        &lt;/script&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>


Using HTML comment tag  still relevant around JavaScript code?

在JavaScript代码周围使用超文本标记语言注释标记仍然有意义吗？我是说<html>    <body>        <script type="text/javascript">            //        </script>    </body><

问使用HTML注释标记<！->仍然与JavaScript代码相关吗？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用HTML注释标记<！->仍然与JavaScript代码相关吗？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用HTML注释标记<！->仍然与JavaScript代码相关吗？
EN