Js файл - азы: подключение внешнего .js файла к серверам.
Всем доброго.
С JavaScript столкнулся недавно, при тестировании сайта на Блогспот.
На данную проблему потрачено три дня времени и все впустую.
Суть проблемы: подключаемые к серверам внешние джус-файлы не работают на сайте.
Сервера: Гугл Диск, Дробокс.
Цель: научиться правильно подключать к серверам внешние .js файлы со скриптами для своего сайта.
Для знатоков это звучит элементарно, но я за три дня не смог добиться результата. В сети на этот счет на удивление мало информации, а подробной анатомии скрипт-модуля подключения (подробно что куда вставлять) я вообще не нашел: приводятся только примеры для уже знающих с опусканием элементарных указаний.
Пробовал разные скрипты, разные редакторы, разные способы написания на странице сайта скрипт-модуля подключения (так он называется?), менял серверы - ничего не помогает.
На сайте не внешние скрипты работают. Модули подключения внешних .js файлов от других людей тоже работают.
Пример того, что я делал:
1) Взял простенький скрипт, например, "Бегущая строка":
<script language="JavaScript">
var line="Текст бегущей строки ";
var speed=150;
var i=0;
function m_line() {
if(i++<line.length) {
document.cit.forum.value=line.substring(0,i);
}
else{
document.cit.forum.value=" ";
i=0;
}
setTimeout('m_line()',speed);
}
</script>
<body bgcolor=000000>
<center>
<form name=cit>
<input type=text size=32 name=forum>
</form>
</center>
<script language="JavaScript">
m_line();
</script>
Проверил работоспособность скрипта на сайте. Этот скрипт полностью рабочий.
2) Я вставляю этот код в блокнот (использовал и штатный и АкелПад и НотеПад), называю строчным английским именем, сохраняю и переименовываю расширение на .js
Переименование осуществляю вручную: выбор расширения js есть только в НотеПаде, но она тоже не работает. Из сети почерпнул инфу, что не суть важно как переименовать и в каком текстовом редакторе код помещать.
Сами .js файлы успешно переименовываются с изменением их иконки.
3) Далее, я закачиваю файл на сервер. Очень интересует как сервер Гугл Диск – в сети есть инфа, что им для этого успешно пользуются.
На Гугл Диске, в его корне, создаю папку с прописным английским названием. Изменяю разрешение этой папки на «всем в интернете» и «возможность редактирования» - т. е. самая широкая открытость доступа.
Кстати, сам сайт создается на блогспоте того же аккаунта Гугла, где и используемый Гугл Диск.
4) Беру ссылки на .js файл. Тут тоже есть проблема: я не опечатался – именно ссылки, а не ссылку так, как у Гугл Диска аж целых три варианта ссылок на один и тот же файл. Нашел инфу, что ссылкам .js файлов нужно дословно «обрезать хвосты», но там не уточняли на какую длину обрезать и для чего.
5) Далее я составляю скрипт-модуль подключения. Я не знаю как этот блок называется правильно, уж простите. Это блок кода куда вставляется ссылка на .js файл, а потом это все вставляется на страницу сайта.
Тут тоже большая проблема: разновидностей составления этих блоков много и я не могу понять где правильный вариант.
Я нашел следующие примеры видов блоков:
<script src="путь/ссылка к файлу скрипта.js"></script>
<script src="/path/to/script.js"></script>
<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
Уважаемые знатоки, объясните что тут куда правильно вставлять. Что такое путь, нужен ли на конце .js, где нужны слэши, в каком порядке все выстраивать и т. д.
Теперь живой пример со скриптом бегущей строки:
Название папки на Гугл диске: sitemaps
Название джус файла: stroka
Ссылки от Гугл Диска на файл stroka.js:
https://drive.google.com/file/d/0B9i...ew?usp=sharing
https://drive.google.com/open?id=0B9...3BpQkxrY0dNRDg
https://drive.google.com/drive/folde...zVvRHBqVXl6bTg
Первая и вторая ссылки открывают сам файл с кодом и отличаются «хвостом «/view?usp=sharing»
Третья ссылка открывает папку файла, она, скорее всего не нужна, но привел на всякий.
6) теперь некоторые из бесчисленных вариантов вставок, что я применял:
<script src="sitemaps/stroka/https://drive.google.com/open?id=0B9iPKBz9wydDa3BpQkxrY0dNRDg.js"></script>
<script src="sitemaps/stroka/https://drive.google.com/file/d/0B9iPKBz9wydDa3BpQkxrY0dNRDg/view?usp=sharing.js"></script>
<script type="text/javascript" src="https://drive.google.com/open?id=0B9iPKBz9wydDUGJObkxwQzFzYXM"></script>
<script language='JavaScript' src='https://drive.google.com/open?id=0B9iPKBz9wydDUGJObkxwQzFzYXM'></script>
<script src="https://drive.google.com/open?id=0B9iPKBz9wydDUGJObkxwQzFzYXM"></script>
И так три дня с нулевым результатом.
Ребята, пожалуйста, разъясните как правильно все это делать. Имеется в виду полностью рабочий вариант на данное время.
С уважением.