{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подключение JavaScript может быть реализовано несколькими способами. И как всегда каждый из них имеет свои плюсы и свои минусы.","type":"unstyled","key":"d353r"},{"data":{"image":{"id":"6271397756249d5ff372fa10"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7is1b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Тег ","type":"unstyled","key":"ctlhb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код внутри данного тега выполнится в тот момент когда браузер его прогрузит и обработает.","type":"unstyled","key":"34rg8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример:","type":"unstyled","key":"bi4fg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":49,"offset":157,"style":"ITALIC"}],"text":" Мой первый сайт \n

Привет МИР!!!

\n\n \n

Дорогой друг я рад видеть тебя на моем первом сайте!

\n \n","type":"blockquote","key":"756kl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код из примера при загрузке HTML документа создаст всплывающее окно ALERT.","type":"unstyled","key":"1modv"},{"data":{"image":{"id":"62713910c907d200287e7a76"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"raek"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"},{"length":17,"offset":14,"style":"ITALIC"}],"text":"Атрибуты тега ","type":"header-three","key":"2hhvc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":4,"style":"BOLD"},{"length":17,"offset":4,"style":"ITALIC"}],"text":"Тег имеет несколько атрибутов, многие из них уже редко используются и не обязательны, но их можно еще встретить.","type":"unstyled","key":"dogkj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":8,"style":"ITALIC"},{"length":23,"offset":252,"style":"ITALIC"},{"length":4,"offset":8,"style":"BOLD"},{"length":23,"offset":252,"style":"BOLD"}],"text":"Атрибут type. Старые стандарты HTML, до HTML5, требовали обязательное наличие данного атрибута. в новом стандарте данный атрибут не является обязательным, но многие по старой привычке его прописывают до сих пор. Обычно в качестве значения он принимал: type=»text\\javascript».","type":"unstyled","key":"8gdcs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":8,"style":"ITALIC"},{"length":8,"offset":8,"style":"BOLD"}],"text":"Атрибут language. По задумке данный атрибут должен задавать язык скрипта. Но JavaScript является языком по умолчанию для данного тега, поэтому необходимость в данном атрибуте отпадает.","type":"unstyled","key":"3lvhi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее мы рассмотрим не совсем атрибут. Это вариант написания скрипта для очень старых браузеров. Такой вариант написания можно встретить на очень старых сайтах, не обновленных под новые стандарты. Это обертывание скрипта в комментарий HTML.","type":"unstyled","key":"bhpvc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример:","type":"unstyled","key":"8mrck"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":67,"offset":0,"style":"ITALIC"}],"text":"\n","type":"blockquote","key":"fgohr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Данный способ использовался для того чтобы браузеры, не понимающие тег ","type":"blockquote","key":"2btus"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибут src может содержать не только локальный путь к файлу скриптов, но и путь к файлу скриптов на стороннем ресурсе. Это помогает уменьшить место занимаемое сайтом на сервере или хостинге. Но немного может увеличиваться время загрузки сайта, так как ему придется подгружать файл скриптов с другого сайта.","type":"unstyled","key":"cdn0q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В качестве достоинства можно выделить то что большинство браузеров отдельно подгружают внешний файл со скриптами JS и может хранить его в своем кеше. А другие страницы использующие этот же файл будут использовать тот который уже сохранен в кеше. Это сокращает расход трафика на сервере и позволяет ускорить загрузку страниц.","type":"unstyled","key":"6ffd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если у тега установлен атрибут src, то содержимое тега будет игнорироваться.","type":"unstyled","key":"8ej0o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"это работать не будет:","type":"unstyled","key":"93e5k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":56,"offset":0,"style":"ITALIC"}],"text":"","type":"blockquote","key":"ash23"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":15,"style":"ITALIC"},{"length":9,"offset":33,"style":"ITALIC"},{"length":3,"offset":129,"style":"ITALIC"},{"length":5,"offset":15,"style":"BOLD"},{"length":8,"offset":33,"style":"BOLD"},{"length":3,"offset":129,"style":"BOLD"}],"text":"Точнее команда alert внутри тега