Вставить JavaScript.

JavaScript - один из языков программирования. Он чувствителен к регистру, так что это следует учитывать при именовании переменных и функций. Проверить корректно ли составлен код JS позволяет онлайн-инструмент JSLint. Для того, чтобы вставить JavaScript, применяем конструкцию:
<script type="text/javascript">
    код скрипта
</script>

Для платформы Blogger:
<script type="text/javascript">
//<![CDATA[
    код скрипта
//]]>
</script>
Атрибут type является обязательным, а атрибут language часто не нужным.

Скрипт может быть частью параметров, таких как:
<a href="javascript:void(0)">...
Включить JavaScript возможно и с помощью внешнего файла, который обычно имеет расширение JS. Поисковым системам сложно их индексировать и в результате часть информации может быть скрыта от поисковиков. Есть много способов добавления внешних файлов в тег </script>, например:
<script type='text/javascript' src="http://.../arhiv.js"></script>
А функции, которые мы используем, могут выглядеть как:
<script type='text/javascript'>
  loadScript('http://.../arhiv.js');
</script>
Внешний файл желательно хранить на собственном сервере. Если такого не имеется, как например, у пользователей Blogger, можно воспользоваться услугами Google Сайтов или Яндекс.Народ.

Обычно скрипт расположен между тегами <head>...</head>. Это означает, что при загрузке страницы, есть задержки, пока браузер ищет доступ к этим файлам, читает и выполняет их, другие процессы останавливаются. Чтобы сжать файл можно воспользоваться YUI Compressor без обфускации. При обфускации имена функций и переменных заменяются на более короткие (eval(...)) - см. сервис http://dean.edwards.name/packer/. Расшифровать такой код позволяет онлайн-сервис http://jsbeautifier.org/.

Есть скрипты, которые должны быть выполнены, после того как страница загрузится:
<script type='text/javascript'>
  window.onload=function() {
    код скрипта
  }
</script>
Страницы в сети создаются последовательно, строка за строкой, поэтому стоит учитывать расположение скрипта и кода вызова. Например.
Не верно:
<script type='text/javascript'> getElementById('primer').style.display='none'; </script>
<div id='primer'> ....... </div>
Верно:
<div id='primer'> ....... </div>
<script type='text/javascript'> getElementById('primer').style.display='none'; </script>
в f t
наверх ↑

3 комментария:

Анонимный
Всем доброго.
С JavaScript столкнулся недавно, при тестировании сайта на Блогспот.
На данную проблему потрачено три дня времени и все впустую.
Суть проблемы: подключаемые к серверам внешние джус-файлы не работают на сайте.
Сервера: Гугл Диск, Дробокс.
Цель: научиться правильно подключать к серверам внешние .js файлы со скриптами для своего сайта.
Для знатоков это звучит элементарно, но я за три дня не смог добиться результата. В сети на этот счет на удивление мало информации, а подробной анатомии скрипт-модуля подключения (подробно что куда вставлять) я вообще не нашел: приводятся только примеры для уже знающих с опусканием элементарных указаний.
Пробовал разные скрипты, разные редакторы, разные способы написания на странице сайта скрипт-модуля подключения (так он называется?), менял серверы - ничего не помогает.
На сайте не внешние скрипты работают. Модули подключения внешних .js файлов от других людей тоже работают.

Пример того, что я делал:
1) Взял простенький скрипт, например, "Бегущая строка",
Проверил работоспособность скрипта на сайте. Этот скрипт полностью рабочий.
2) Я вставляю этот код в блокнот (использовал и штатный и АкелПад и НотеПад), называю строчным английским именем, сохраняю и переименовываю расширение на .js
Переименование осуществляю вручную: выбор расширения js есть только в НотеПаде, но она тоже не работает. Из сети почерпнул инфу, что не суть важно как переименовать и в каком текстовом редакторе код помещать.
Сами .js файлы успешно переименовываются с изменением их иконки.
3) Далее, я закачиваю файл на сервер. Очень интересует как сервер Гугл Диск – в сети есть инфа, что им для этого успешно пользуются.
На Гугл Диске, в его корне, создаю папку с прописным английским названием. Изменяю разрешение этой папки на «всем в интернете» и «возможность редактирования» - т. е. самая широкая открытость доступа.
Кстати, сам сайт создается на блогспоте того же аккаунта Гугла, где и используемый Гугл Диск.
4) Беру ссылки на .js файл. Тут тоже есть проблема: я не опечатался – именно ссылки, а не ссылку так, как у Гугл Диска 2 варианта ссылок на один и тот же файл. Нашел инфу, что ссылкам .js файлов нужно дословно «обрезать хвосты», но там не уточняли на какую длину обрезать и для чего.
5) Далее я составляю скрипт-модуль подключения. Я не знаю как этот блок называется правильно, уж простите. Это блок кода куда вставляется ссылка на .js файл, а потом это все вставляется на страницу сайта.
Тут тоже большая проблема: разновидностей составления этих блоков много и я не могу понять где правильный вариант.
Я нашел следующие примеры видов блоков:

Уважаемые знатоки, объясните что тут куда правильно вставлять. Что такое путь, нужен ли на конце .js, где нужны слэши, в каком порядке все выстраивать и т. д.
Теперь живой пример со скриптом бегущей строки:
Название папки на Гугл диске: sitemaps
Название джус файла: stroka
Ссылки от Гугл Диска на файл stroka.js:
https://drive.google.com/file/d/0B9iPKBz9wydDa3BpQkxrY0dNRDg/view?usp=sharing
https://drive.google.com/open?id=0B9iPKBz9wydDa3BpQkxrY0dNRDg
Первая и вторая ссылки открывают сам файл с кодом и отличаются «хвостом «/view?usp=sharing»
6) Yекоторые из вариантов вставок, что я применял:


Gожалуйста, разъясните как правильно все это делать.
С уважением.
Анонимный
Опять беда: написал пост, а код сайт в комменте брать отказывается.
Может хоть ссылки съест:
РТФ поста с кодом:
https://drive.google.com/file/d/0B9iPKBz9wydDeVVGNjJnWVpaTEU/view?usp=sharing
Ссылка на папку с джус файлами:
https://drive.google.com/open?id=0B9iPKBz9wydDNzVvRHBqVXl6bTg
Помогите кто может.
NMitra
Здравствуйте, я сама через Гугл.Диск JS не загружала. Спросите на форуме, Эльдус в этом разбирается https://groups.google.com/forum/#!forum/blogoask

А почему хотите непременно вынести в отдельный файл? Только для кэширования? Оно интересно, когда много просмотров. У меня же в среднем менее чем 1,5 страницы. Поэтому весь скрипт внизу страницы болтается, чтобы на загрузке не сказываться.