Помещение JavaScript на страницу из файла

@МолодойЯ · Регистрация: 20.11.2015

Студворк — интернет-сервис помощи студентам

Доброй ночи. У меня появилась проблема с JS. Мне преподаватель дал задание, "Поместите скрипт, выводящий бегущую строку в файл с именем line.js. Подключите скрипт в вашей странице". Не могу понять, как мне сделать что бы скрипт выводился на моей странице через другой файл. Вот дан сам код, помогите пожалуйста, объясните, если вам не сложно как все сделать

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<HTML>
<HEAD>
 <TITLE>Бегущая строка</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
 var line="Центр Компьютерных Технологий";
 var speed=200;
 var i=0;
 function m_line() {
    if(i++<line.length) {
       document.form.ctc.value=line.substring(0,i);
    }
    else{
       document.form.ctc.value=" ";
       i=0;
    }
    setTimeout('m_line()',speed);
 }
//-->
</SCRIPT>
<BODY onload="m_line()">
 <CENTER>
 <FORM NAME="form">
 <INPUT TYPE="text" SIZE="35" NAME="ctc">
 </FORM>
 </CENTER>
</BODY>
</HTML>

@Lazy_Den · 25.11.2015, 02:32

HTML5
1
<script src="/path/to/file.js"></script>

Читаем более подробное описание.

Добавлено через 6 минут
P.S.

JavaScript
1
setTimeout(m_line, speed);

без кавычек и круглых скобок

@МолодойЯ · 25.11.2015, 09:12 **[ТС]**

Lazy_Den, Вот я вставил этот код между тегами head

HTML5
1
2
 
<script src="/path/to/file.js"></script>

Но скрипт на страничке не появился, как сделать что бы скрипт на страничке появился?

@Lazy_Den · 25.11.2015, 12:03

Сообщение от МолодойЯ

Вот я вставил этот код между тегами head

Не просто же добавить, скопипастив то, что я вам показал, как пример...
1. Создаёте файл с расширением js
2. Записываете туда весь js-код, который сейчас у вас прописан на странице.
3. В атрибуте src тега <script>, прописываете путь к файлу
4. Из самого файла js-код удаляете

@МолодойЯ · 25.11.2015, 12:10 **[ТС]**

Lazy_Den, Я понял, я добавил код в файл с расширением line.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var line="Добро пожаловать на мою домашнюю страничку!";
 var speed=200;
 var i=0;
 function m_line() {
    if(i++<line.length) {
       document.form.ctc.value=line.substring(0,i);
    }
    else{
       document.form.ctc.value=" ";
       i=0;
    }
    setTimeout('m_line()',speed);
 }

Добавил его между тегами head. У меня на страничке 2 js кода, 1й отвечает за бегущую строку, второй за электроные часы, но когда я пишу эти 2 кода вместе ничего не работает.
Вот:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
<head>
<TITLE>Домашняя страница</TITLE>
<script src="line.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
 function clock_form() {
     day=new Date()
     clock_f=day.getHours()+":"+
             day.getMinutes()+":"+
             day.getSeconds()
     document.form.f_clock.value=clock_f
     id=setTimeout("clock_form()",100)
 }
//-->
 </SCRIPT>
 
</head>
<body>
<Body onload="m_line()">
<CENTER>
 <FORM NAME="form">
 <INPUT TYPE="text" SIZE="35" NAME="ctc">
 </FORM>
 </CENTER>
 
<BODY onLoad="clock_form()">
  <FORM NAME="form">
  Текущее время: 
  <INPUT NAME="f_clock" SIZE="8">
  </FORM>
</BODY>
 
</html>

Помогите пожалуйста, никак не разберусь

@Lazy_Den · 25.11.2015, 16:20

МолодойЯ, не нужно использовать несколько тегов <body>. Для форм используйте разные имена. Изменяем html:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Домашняя страница</title>
    <script src="line.js"></script>
</head>
 
<body>
    <form name="form1">
        <input type="text" size="35" name="ctc">
    </form>
    <form name="form2">
        Текущее время: 
        <input type="text" size="8" name="f_clock" >
    </form>
</body>
</html>

Что касается JS, то хотя бы так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// если не нужно учитывать IE8 и ниже
document.addEventListener('DOMContentLoaded', function(){
    m_line();
    clock_form();
}, false);
// или, если нужно учитывать древние IE
window.onload = function(){
    m_line();
    clock_form();
};
/* ниже записываете ваши функции */
function m_line() {
    // .....
}
function clock_form() {
    // .....
}

И не забудьте, что формы у вас с разными именами!

Новые блоги и статьи Все статьи Все блоги /
1С: Программный отбор элементов справочника Номенклатура по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор под наименованию группы (на. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника Сотрудники по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .