Помещение 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() {
    // .....
}

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

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .