Перейти к содержимому

Почему html не видит js

  • автор:

Не видит JS-файл

Добрый день! При попытке сделать script src=‘js/script.js’ не выполняет его, а присоединяет к url, типа 127.0.0.1:port/js/script.js Во всем проекте дал rwx всем файлам, не помогло. Мозилла, Федора 32 (виртуалка)

p0f1g1st
17.10.20 10:08:09 MSK

Пример разметки бы приложил, что ли.

Nervous ★★★★★
( 17.10.20 10:17:03 MSK )

не выполняет его, а присоединяет к url

eternal_sorrow ★★★★★
( 17.10.20 11:13:02 MSK )

Я ничерта не понял но рискну предположить что у тебя кривой контенттайп для жс в нжиниксе

ya-betmen ★★★★★
( 17.10.20 11:44:16 MSK )

Выше верно указали, что-то с заголовками на сервере. Content-type, может content-disposition: attachment, etc в этом направлении смотреть.

Stack77
( 17.10.20 11:55:24 MSK )

У тебя ПХП головного мозга, пройди какие-нибудь нормальные курсы HTML для начала

script src=‘js/script.js’ не выполняет его, а присоединяет к url, типа 127.0.0.1:port/js/script.js

Относительные урлы так и работают, всё правильно

Goury ★★★★★
( 17.10.20 11:56:57 MSK )
Последнее исправление: Goury 17.10.20 11:57:44 MSK (всего исправлений: 1)

Ответ на: комментарий от Goury 17.10.20 11:56:57 MSK

То он так скорее всего объяснил «хорошо», что ничего не понятно. Там видимо или с заголовками типа content-* что-то не то или в mime types для js какая-то ерунда вместо application/javascript.

Stack77
( 17.10.20 12:07:06 MSK )
Ответ на: комментарий от Stack77 17.10.20 12:07:06 MSK

Мой обширный опыт общения с рукожопыми пыхерами (о получении которого я крайне сожалею, но прошлого не вернуть) подсказывает что он пытается в контексте вебсервера зацепить локальный файл.
Заголовки тут ни при чём, фаерфокс умеет выполнять JS с неправильным контент-тайпом, просто в консоль поругается на него.

Goury ★★★★★
( 17.10.20 12:16:30 MSK )
Ответ на: комментарий от Goury 17.10.20 12:16:30 MSK

Всё может быть. Я бы с таким ником как у ТС вообще бы забил на это дело XD. Ну, а если серьезно, то согласен, нужно нормально проблему обозначать, чай не Ванги разгадывать.

Как подключить Javascript файл к html документу?

Предположим, что у вас есть html-документ и javascript код, который должен в нем выполняться. Код javacript может находиться как внутри html-документа, так и в отдельном файле формата *.js.

Проблема, которая очень часто появляется у начинающих пользователей: Как подключить javacript-код или файл к html документу?

В этой небольшой заметке мы рассмотрим, как это можно сделать.

Все мои уроки по Javascript здесь.

Пусть содержимое файла html будет следующее:

    Документ без названия  Содержимое html-файла 

Ничего лишнего. Теперь код, который необходимо подключить:

alert("Javacript подключен");

Т.е. этот скрипт просто должен вывести всплывающее окно с сообщением, что «Javacript подключен» при открытии файла html-документа. Итак, рассматриваем два варианта подключения скрипта.

Вариант 1. Подключение внутри html-файла.

Делается это с помощью конструкции:

  

Вставим этот код можно внутри тэга , либо внутри тега . В итоге, содержимое html файла может буть следующим:

    Документ без названия    Содержимое html-файла 

Проверяем, что все работает:

21-10-2014 13-05-32

Отлично. Окно с сообщением появилось.

Вариант 2. Подключение внешнего файла скрипта с кодом.

Если javascript-код находится во внешнем файле, то способ его подключение будет несколько другим. Пусть такой файл называется script.js. О том, как создать javascript файл я писал здесь.

В итоге, имеем два файла index.html и script.js, которые находятся в одной папке.

21-10-2014 13-04-21

Как теперь подключить скрипт к html файлу? В этом случае нужно воспользоваться тэгом

Об адресах и как их правильно выставлять информация здесь.

Так как файл скрипта script.js находится в той же папке, что и файл index.html, то html-код может быть следующим:

    Документ без названия  Содержимое html-файла 

Как правило, скрипты подключаются в области документа. Если все сделано правильно, то вы точно также сможете увидеть всплывающее окно с надписью, что «javascript подключен». Это два основных способа, как вы можете подключить код javascript к html документу.

Пользуйтесь этим на практике.

Все мои уроки по Javascript здесь.

Почему не подключается javascript?

Здравствуйте! В программе visual studio code у меня почему-то не получается подключить javascript, помогите мне пожалуйста!

      Document   

javascript

3 ответов

Возможно путь неверно указан или файл по другому называется, посмотри в инструментах разработчика Google Chrome какую ошибку показывает. Или закешировалась страница, нужно нажать на ctrl + F5 или открыть страницу в режиме инкогнито. В этом уроке есть как проверять почему скрипт не подключен через инструменты разработчика, правда там про css файл внешний, но с js подключением тоже самое (на ~16:13 примерно): https://fructcode.com/ru/courses/html-and-css-advanced/css-first/

Напиши так:

alert('Hello');

Нет у меня все правильно подключено (я перешел по моей ссылке и там написан мой код на javascript(alert = («Hello»);), но почему-то в браузере он не отображается!

Sign up or Log in to write an answer

  • Интерактивные уроки и курсы программирования и создания сайтов (дистанционное обучение) помогут вам в игровой форме изучить основы языков программирования веб-разработки и веб-программирования с нуля. Обучение онлайн 24/7.

Общие ссылки

  • Отзывы
  • Политика конфидециальности
  • Условия использования
  • Блог
  • Цена и оплата
  • Курсы и скринкасты
  • Сертификаты
  • Партнерская программа
  • Комьюнити

Наши курсы и скринкасты

  • HTML/CSS Advanced
  • Bootstrap 4
  • Vue JS
  • Linux, GIT and web-hosting
  • HTML and CSS
  • Modern Javascript
  • Javascript/jQuery
  • Codeigniter
  • Все курсы и скринкасты

Почему HTML не видит js функцию?

Добавил в html форму и кнопку, нажимая на которую должна вызываться функция из скрипта.
Если в этом скрипте пишу только функцию, то все работает, но если туда добавить импорты, то уже пишет, что функция нигде не используется и соответственно скрипт не работает.

    Title   

Send message

/*import from "./Parameters"; import from "./client";*/ function get_input_data()
  • Вопрос задан более года назад
  • 828 просмотров

1 комментарий

Простой 1 комментарий

А что в консоли? Её смотрите.

Скорее всего, js файл чуть больше и там где-то ошибка, и до места объявления функции он просто не доходит. Но это пальцем в небо. Ведь также возможно, что вы банально ошиблись в пути файла. И куча других причин. Это всё можно узнать через devtools (кнопка F12 в браузере).

Решения вопроса 0
Ответы на вопрос 4

Zagir-vip

Web dev, Game dev, app dev, Разработчик на Python!
оберните js в тег
Ответ написан более года назад
Нравится 1 2 комментария
f1rew0rk14 @f1rew0rk14 Автор вопроса
Имеете в виду скрипт прям в html писать?

Zagir-vip

f1rew0rk14, да так можно и это нормально. А чтобы подключить отдельно файл используйте:

Zhuroff

Если не ошибаюсь, onsubmit работает только со скриптами, прописанными в том же html-файле, внутри тега script. С внешними файлами он не работает. В любом случае, сабмитить из html — так себе практика. Если вы все равно пишете js во внешних файлах, то и сабмит там же делайте. А для доступа к конкретным значениям формы пользуйтесь атрибутами name:

 
const form = document.querySelector('#form') function submitForm(event) < event.preventDefault() console.log(event.target.textField.value) >form.addEventListener('submit', submitForm)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *