Чи все ще доречно використовувати тег коментаря HTML навколо коду JavaScript?
я маю на увазі
<html>
<body>
<script type="text/javascript">
//<!--
document.write("Hello World!");
//-->
</script>
</body>
</html>
Відповіді:
Коментарі HTML, тобто. <!-- -->, більше не потрібні. Вони мали на меті дозволити браузерам, які не розуміли <script>тег, витончено погіршити свою роботу. Ці браузери, напр. Netscape 1.x більше не зустрічається в дикій природі. Тож насправді більше немає сенсу розміщувати коментарі HTML у тегах скриптів.
Якщо ви хочете, щоб ваш HTML перевірявся як XHTML або XML, ви, ймовірно, хочете використовувати прокоментований тег CDATA.
<script type="text/javascript">
//<![CDATA[
document.write("Hello World!");
//]]>
</script>Причиною цього є те, так що ваші <, >, &, "і 'які є частиною коду яваскрипт не повинні бути закодовані як <, >, &, "і 'відповідно.
</script>якою воля зазвичай розпадається </scrі ipt>.
]]>]]<![CDATA[>☺
<script>речі правильно), то я не бачу значної переваги CDATAблоку над традиційним коментарем. Єдина різниця полягає в тому, чи є <script>офіційно вміст чи ні - а щодо пошукових систем ми можемо хотіти, щоб у ньому не було вмісту ...
Краще просто уникати JavaScript у тілі разом. Це полегшує оновлення, уникає потреб у коментарях і змушує планувати для користувачів, які не підтримують JavaScript, а також користувачів, у яких увімкнено JavaScript.
.jsфайлах , а не в HTML, робить його важче для поновлення , так як .jsфайли можуть бути в кеші.
<script type="text/javascript" src="http://example.com/path/to/file.js?v1.0"></script>
Не так, як ти це робиш, ні.
<! - обробляється так само, як // в javascript, тому ваш код повинен виглядати так:
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
..різниця з вашим полягає в тому, що рідкісний незрозумілий браузер, який може не розуміти тег сценарію, надрукує на екрані отвір //, що перешкоджає меті розміщення там тегу коментаря.
Ось більше інформації про це тут, якщо вам цікаво: http://www.javascripter.net/faq/comments.htm
Однак врешті-решт навіть надзвичайно незрозумілі браузери, які не підтримують javascript за замовчуванням (наприклад, HTMLLayout browse або Netsurf), знають, що найкраще не відображати текст між тегами сценарію, тому ні, він більше не актуальний жодним чином. Однак усі браузери, про які ви могли б піклуватися, розуміють синтаксис <! -, тому немає необхідності шалено турбуватися про те, щоб видалити його з того, що у вас вже є, оскільки це дійсний js, просто пам’ятайте, що не слід додавати його наступного разу.
Навіть у сучасних браузерах це може бути корисно. Я насправді зіткнувся з цією проблемою сьогодні, саме тому, що хотів уникнути вбудовування JavaScript у мій html.
У мене є html-сторінка, яка обслуговується http://host/variable_app_name/pagename, де variable_app_nameможе мати багато значень (y'know, змінна). Якщо він хоче отримати доступ до статичних файлів, він повинен використовувати URL-адресу типу http://host/static/variable_app_name/filename, тому я не можу вказати розташування статичного файлу без попереднього перегляду розташування браузера, щоб знайти значення variable_app_name.
Щоб зробити посилання на основний файл javascript, я роблю наступне:
<script type="text/javascript" >
var variable_app_name = window.location.pathname.split('/')[1];
document.write('<script type="text/javascript" src="/static/'+variable_app_name+'/pagename.js"></script>\n');
</script>
Наведений вище код вибухне навіть в останній версії Chrome, оскільки тег скрипта буде завершено в середині рядка javascript, а решта рядка буде інтерпретована як html, приблизно так:
<script type="text/javascript" >
var variable_app_name = window.location.pathname.split('/')[1];
document.write('<script type="text/javascript" src="/static/'+variable_app_name+'/pagename.js">
</script>
\n');
</script>
Існує багато способів це виправити, але я люблю використовувати коментар у форматі html.
З коментарем html:
<script type="text/javascript" >
<!--
var variable_app_name = window.location.pathname.split('/')[1];
document.write('<script type="text/javascript" src="/static/'+variable_app_name+'/pagename.js"></script>\n');
-->
</script>
Розбиття рядка javascript:
<script type="text/javascript" >
var variable_app_name = window.location.pathname.split('/')[1];
document.write('<script type="text/javascript" src="/static/'+variable_app_name+'/pagename.js"></scr'+'ipt>\n');
</script>
Створіть і додайте тег сценарію, а не використовуйте document.write:
<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/'+variable_app_name+'/pagename.js';
document.head.appendChild(script);
</script>
Мені подобається використовувати коментар html, тому що це лаконічна зміна, і для кожного зв’язаного файлу йому не знадобиться тиражування чи обдумування.