Html — не работает код javascript


Код html + Js не работает

Я учусь связать js с html, поэтому я написал это, но это не сработало. Мне нужно знать, в чем проблема с ним! Код:

Это вопрос очень низкого качества. Вы не сказали нам, что вы ожидаете от этого кода (например, предупреждаю содержимое текстового поля). В будущем, пожалуйста, не используйте «это не работает» как описание проблемы. Я порежу вам слабину, потому что похоже, что вы новичок.

В любом случае, если бы вы открыли консоль JavaScript в браузере, в строке 5 вы увидели бы синтаксическую ошибку (или «Неожиданный идентификатор»). Там, где вы объявляете свою функцию test() . Давайте посмотрим на это:

Обратите внимание, что вы используете функцию «Функция». JavaScript чувствителен к регистру, что означает, что function и Function означают две совершенно разные вещи. Вам нужна function , которая является ключевым словом.

Точно так же не существует такой функции, как Alert() . Вместо этого вы хотите использовать alert() .

JS-код не работает

мне нужна ваша помощь. Я новичок в области программирования, я все еще занимаюсь несколькими учебными курсами. Во всяком случае, я пытаюсь сделать работу с кодом, но я не могу.. надеюсь, что некоторые из вас могут мне помочь, Я отправлю код и объясню, что я хотел бы сделать.

Как вы можете видеть, я хотел бы взять то, что пользователь набрал, а затем показать его на экране. Для этого я создал функцию (funcao) . Но вместо того, чтобы показывать мне, что пользователь [HTMLTextAreaElement] появляется сообщение: [HTMLTextAreaElement]

Я буду рад, если кто-нибудь может указать мне, что я делаю неправильно. Большой спасибо! Приветствия из Бразилии!

3 ответа

Вам нужно сохранить output переменной

0 Zee [2015-05-27 19:25:00]

Вам нужно присвоить значение для output .

0 antyrat [2015-05-27 19:24:00]

Вы забываете назначить значение textarea для output переменной:

JS код не работает

Я скачал приложение для создания заметок (PHP / css + jquery) и хотел скрыть div, содержащий блокнот. Я не знаю почему, но то, что я пишу в файле js, не влияет на сайт.

Это файл js. Все работает нормально, но когда я написал вторую строку, это не скрывало div вообще.

Решение

Ваш REGEXP не прав.

Вам нужно изменить эту строку:

Но это не единственная проблема. Следуйте за этим:

1 — Вы начинаете скрывать элемент #pad, и я не вижу в вашем коде, где вы снова его показываете:

2 — Вы не можете получить высоту линии таким образом. Он вернет undefined, если нет атрибута line-height. То же самое для минимальной высоты:

Вы должны использовать некоторый плагин, чтобы получить такое поведение, как вы хотите.

3 — И предположим, что пункт 2 вернул высоту строки правильно, он вернул бы что-то вроде «10px» или, что хуже, «1.2em». И когда вы попытаетесь сделать с ним какую-то математику, вы получите ошибку или, возможно, лишите ее единиц измерения.

Как записать строку из JavaScript в HTML

Довольно часто приходится сталкиваться с необходимостью записать некий текст, а иногда и html-код из JS в какой-либо элемент html-разметки. Существует несколько способов это сделать. Давайте рассмотрим их подробнее.

Способ 1. Использование метода document.write

Метод document.write существует в JavaScript с незапамятных времен и позволяет вывести не только текст, но и любые теги разметки на вашу html-страницу, например:

Результат внедрения этого скрипта будет таким:

Все бы хорошо, но у этого метода есть одна особенность — он хорошо работает в процессе загрузки html-страницы. Метод document.write вставляет текст в то место html-разметки, где был вызван, ещё до формирования DOM-структуры, которую браузер строит в процессе парсинга страницы. Поэтому строки, записанные тем кодом, который приведен выше, внедряется в html-документ так, как если бы они присутствовали изначально в разметке.

Хуже обстоит дело с попытками использовать метод document.write при клике на кнопку, например. В этом случае текущая страница заменяется на новую с тем текстом, который вы использовали внутри скобок document.write . Попробуйте сами в примере ниже.

Существует также метод document.writeln() , который отличается от document.write() тем, что добавляет символ перевода строки «\n» . В большинстве случаев это никак визуально не видно, т.к. в html-коде для перевода строки нужен тег
, а не перевод строки символом \n . Разницу можно заметить в таком элементе формы, как textarea , где перевод строки как раз выполняется с помощью этого символа.

Для сравнения сделаем несколько строк текста без всяких тегов с помощью обоих методов, а затем применим их для вывода текста внутри textarea .

Javascript код для проверки формы HTML5 не работает

Я новичок в JavaScript, поэтому понятия не имею, почему этот код не работает, и проверяю мою HTML5-форму, как и должно.

Код JavaScript, который можно найти ниже, должен проверять, поддерживает ли браузер required атрибут, а если нет, то проверяет форму и проверяет наличие пустых мест.

Я получил код с этого сайта .

В теле веб-страницы, содержащей мою форму, у меня есть это:

Ниже contactvalidate.js файл contactvalidate.js :

Нужно ли что-то менять в этом коде или оно должно работать?

Как я уже сказал, я новичок в JavaScript, поэтому любая помощь, которую вы, ребята, могли бы оказать мне, очень ценится.

Цукерберг рекомендует:  Baraja плагин для раскладки пунктов списка в стиле колоды карт

РЕДАКТИРОВАТЬ :

Вот мой обновленный код:

Проблема, с которой я сталкиваюсь: когда любое поле пусто, появляется предупреждение (это нормально), но когда поля заполнены, кнопка отправки не работает.

Я попытался изменить второе return false; return true; но это приходит с предупреждением, как и ожидалось, но затем отправляет форму через в любом случае!


РЕДАКТИРОВАТЬ 2:

Вот мой код формы HTML5:

РЕДАКТИРОВАТЬ 3:

Причина, по которой он не работает, заключается в том, что Safari «думает», что у него есть required атрибут, поэтому я проверял браузер, а не атрибут.

Не могли бы вы адаптировать код для проверки браузера, а не атрибута?

Также мне нужно это в моем :

Я вставил это, но не был уверен, нужно ли мне это!

РЕДАКТИРОВАТЬ 4:

Правильно, когда я нажимаю «Отправить», появляется alert и, как только я нажимаю « Ok или Ok кнопку «х», она отправляет форму в любом случае, если она пуста.

Также не могли бы вы объяснить, почему вы упомянули Chrome в коде ниже?

Вот код, который я использую:

РЕДАКТИРОВАТЬ 5:

Даже когда он открыт в Safari он не работает.

Когда я нажимаю « submit появляется alert и как только я нажимаю « Ok или Ok кнопку «х», она отправляет форму в любом случае, если она пуста.

Пожалуйста, вы можете предоставить исправление для этого?

1 ответ

Как сказал Итан Браун, вы можете пропустить функцию attributeSupported. Если это так, вы можете добавить его в свой код. Он проверит, поддерживается ли атрибут (в вашем случае это «обязательно»)

РЕДАКТИРОВАТЬ:

После того, как вы предоставили HTML-код и дополнительную информацию о вашей проблеме, я смог создать рабочий пример для вас в JSFiddle . Проблема, с которой вы столкнулись с $ .browser.safari, в вашем коде javascript затормозила. После проверки документации я обнаружил, что она устарела в jQuery 1.9, и рекомендуется использовать обнаружение функций вместо обнаружения в браузере. Я добавил функцию isSafari для вас и использовал эту функцию вместо обнаружения в браузере jQuery.

Итак, ваш основной код JavaScript теперь выглядит

помните, что если вы вернете false из своей функции, ваша форма не будет отправлена, поэтому вы сначала должны return false если ваша форма не прошла проверку и вы не хотите отправлять форму. Когда ваша форма прошла проверку и все в порядке, вы return true и теперь ваша форма будет отправлена на URL, указанный в действии тега формы.

Обратите внимание, в моем примере jsFiddle у меня есть адрес Google. В вашем примере вам нужно будет указать адрес вашей страницы.

РЕДАКТИРОВАТЬ 2:

Обратите внимание, что у вас должен быть иначе он не будет работать.

Не могли бы вы адаптировать код для проверки браузера, а не атрибута?

Если вам нужно проверить только браузер Safari, просто используйте:

РЕДАКТИРОВАТЬ 3:

Также не могли бы вы объяснить, почему вы упомянули Chrome в коде ниже?

Причина в том, что в браузере Chrome есть и Chrome, и Safari внутри userAgent, однако в браузере Safari есть только Safari. В вашем случае вы хотите идентифицировать только браузер Safari. Для этого мне нужно было проверить userAgent на «Safari», но исключить «Chrome», таким образом он будет гарантировать только браузеры Safari.

HTML, CSS и JavaScript в вебе (поймут даже чайники)

Вы время от времени задумываетесь, как работает программирование, но не делали ничего сложнее в Интернете, чем загрузка фотографии в Facebook? Тогда вы в нужном месте.

Для тех, кто никогда «кодил» раньше, концепция создания веб-сайта с нуля, макет, дизайн и иже с ними — могут показаться действительно пугающими. Вы представляете студентов Гарварда из фильма «Социальная сеть», сидя за своими компьютерами с гигантскими наушниками и набирающими код, и думаете: «Я никогда не смогу этого сделать».

Собственно, вы можете.

Любой может научиться программировать, точно так же, как любой может изучить новый язык. На самом деле, программирование вроде как говорит на иностранном языке — именно поэтому они называются языками программирования. Каждый из них имеет свои собственные правила и синтаксис, которые необходимо изучать шаг за шагом. Эти правила — способы сообщить компьютеру, что делать, точнее, они — способ сообщать вашим браузерам, что делать.

Цель этого поста – познакомить Вас с основами HTML, CSS и одного из самых распространенных языков программирования — JavaScript. Но прежде чем мы начнем, давайте дадим представление о том, какие языки программирования действительно существуют.

Что такое язык программирования?

Программировать или «кодить» — это как решать головоломку. Как изучать иностранный язык, например английский или французский. Мы используем эти языки, чтобы превращать мысли и идеи в действия и поведение. В программировании цель точно такая же — вы просто управляете разными видами поведения, а источник этого поведения не человек, а компьютер.

Язык программирования — это наш способ общения с программным обеспечением.

Программирование в веб-разработке

Сотруднику ставится задача «создать веб-страницу с таким-то заголовком, таким-то шрифтом, такими-то цветами, изображениями и анимированными единорогами, бегущими по экрану, когда пользователи нажимают на эту кнопку», главная цель — принять эту большую идею и разбить ее на маленькие части.

Каждая страница в Интернете, которую вы посещаете, строится на выполнении отдельных инструкций шаг за шагом. Ваш браузер (Chrome, Firefox, Safari и т.д…. если используете Internet Exploler, не читайте дальше, выключите компьютер и идите гулять) играет колоссальную роль в отображении кода и тем, что мы можем видеть на наших экранах и даже взаимодействовать. Помните, что код без браузера — это просто текстовый файл — это когда вы помещаете этот текстовый файл в браузер, что происходит волшебство. Когда вы открываете веб-страницу, браузер отображает HTML и другие языки программирования в максимально понятном для вас формате.

HTML и CSS на самом деле всего лишь структура страницы и информация о стиле. Прежде чем перейти к JavaScript и другим языкам программирования, необходимо знать основы HTML и CSS, поскольку они находятся на передней части каждой веб-страницы и приложения.

В самом начале 1990-х годов HTML был единственным языком, доступным в Интернете. С тех пор многое изменилось и теперь одним из самых распространенных языков программирования является JavaScript.

Цукерберг рекомендует:  Php - Настройка Unix сервера или как подключить php mail

В первую очередь, необходимо понять, что HTML — основа каждой веб-страницы, независимо от сложности сайта или количества задействованных технологий. Это важный навык для любого веб-профессионала и отправная точка для всех, кто имеет отношение к созданию или редактированию контента в Интернете. И, к счастью для нас, ему удивительно легко учиться.

Как работает HTML?

HTML отображает язык разметки гипертекста. «Язык разметки» означает, что HTML использует теги для идентификации различных типов контента и целей, которые каждый преследует на веб-странице.

Взгляните на статью ниже. Если бы мы попросили вас структурировать текст, вы, вероятно, легко бы справились: наверху находится заголовок, затем подзаголовок, основной текст и изображения внизу.


Для разметки разметки используются HTML-теги, также известные как «элементы». Они имеют довольно интуитивные типы: заголовки, теги абзацев, теги изображений и т. д.

Каждая веб-страница состоит из нескольких тегов HTML, обозначающих определенный тип контента на странице. Каждый тип содержимого на странице «обернут», т. е. окружен тегами.

Например, слова, которые вы сейчас читаете, являются частью абзаца. Если кодировать эту страницу с нуля, этот абзац начался бы с тега абзаца открытия:

. Часть «тега» обозначается открытыми скобками, а буква «p» сообщает компьютеру, что мы открываем абзац вместо какого-либо другого типа содержимого.

После того, как тег был открыт, все следующее содержимое считается частью этого тега, пока вы не закроете его. Когда абзац заканчивается, нужно ставить тег заключительного абзаца: . Обратите внимание, что закрывающие теги выглядят точно так же, как открывающие теги, за исключением того, что после левой угловой скобки есть косая черта. Вот пример:

Используя HTML, вы можете добавлять заголовки, форматировать абзацы, разрывы строк, создавать списки, выделять текст, создавать специальные символы, вставлять изображения, создавать ссылки, создавать таблицы, управлять некоторым стилем и многое другое.

Чтобы узнать больше о HTML, можно ознакомиться с руководством по базовому HTML или использовать бесплатные классы и ресурсы на codecademy, но пока перейдем к CSS.

CSS — это каскадные таблицы стилей. Этот язык разметки определяет, как HTML-элементы веб-сайта должны отображаться на интерфейсе страницы.

Если HTML — это гипсокартон, CSS — это краска.

В то время как HTML является основной структурой вашего сайта, CSS — это то, что дает всему вашему сайту стиль. Цвета, интересные шрифты и фоновые изображения – все это заслуга CSS. Этот язык влияет на все настроение веб-страницы, что делает его невероятно мощным инструментом и важным навыком для веб-разработчиков. Он также позволяет веб-сайтам адаптироваться к различным размерам экрана и типам устройств.

Чтобы показать вам, что CSS делает для веб-сайта, просмотрите следующие два снимка экрана. Первый снимок экрана — это сообщение моего коллеги, но показано в основном HTML, а второй снимок экрана — это тот же пост в блоге с HTML и CSS.

Пример HTML (без CSS)

Пример HTML без CSS, приводящий к неформатированному сообщению блога HubSpot

Обратите внимание, что все содержимое не изменилось, но визуально все выглядит иначе. Это то, что вы увидите, если таблица стилей по какой-либо причине не прогрузится на сайт. Теперь, вот как выглядит одна и та же веб-страница с добавлением CSS.

Пример HTML + CSS

Пример HTML + CSS, используемый для форматирования сообщения блога HubSpot

Разницу видно, не так ли?

Видите ли, HTML, разработанный еще в 1990 году, на самом деле не предназначен для отображения информации о физическом форматировании. Первоначально он создан для определения структурного содержания документа, например заголовков и абзацев. HTML вывел эти новые конструктивные особенности, а CSS был изобретен и выпущен в 1996 году: все форматирование может быть удалено из документов HTML и сохранено в отдельных файлах CSS (.css).

Итак, что же такое CSS? Он обозначает каскадные таблицы стилей — и «таблицу стилей» самого документа. Любой браузер имеет таблицу стилей по умолчанию, поэтому на каждой веб-странице отражается хотя бы одна таблица стилей, в зависимости от того, какой браузер посетитель использует, независимо от дизайна страницы. К примеру, допустим стиль шрифта нашего браузера по умолчанию — Times New Roman, размер 12, если разработчик не применил собственную таблицу стилей, то посетитель увидит веб-страницу в Times New Roman размером 12.

Разумеется, в большинстве случаев используется пользовательский CSS. Именно здесь вступает в игру слово «каскадирование» — подобно водопаду, вода падает вниз и поражает все на пути, однако скалы внизу влияют на то, где она будет течь. Точно так же последняя определенная таблица стилей сообщает моему браузеру, какие инструкции имеют приоритет.

JavaScript является более сложным языком, чем HTML или CSS, и он не был выпущен в бета-версии до 1995 года. В настоящее время JavaScript поддерживается всеми современными веб-браузерами и используется практически на каждом сайте в Интернете для более мощных и сложных функций.

Для чего используется JavaScript?

JavaScript — это логический язык программирования, который можно использовать для изменения содержимого веб-сайта и заставить его вести себя по-разному в ответ на действия пользователя. Общее использование JavaScript включает в себя окна подтверждения, призывы к действию и добавление новых идентификаторов к существующей информации.

Короче говоря, JavaScript — это язык программирования, который позволяет веб-разработчикам создавать интерактивные сайты с динамичными элементами.

Одним из примеров JavaScript в действии являются окна, которые появляются на вашем экране. Подумайте, как в последний раз, когда вы ввели свою информацию в онлайн-форму, и появилось окно с подтверждением, попросив вас нажать «ОК» или «Отменить», чтобы продолжить. Это стало возможным благодаря JavaScript — в коде вы найдете инструкцию if else, которая говорит компьютеру делать что-то одно, если пользователь нажимает «ОК», и другое дело, если пользователь нажимает «Отмена».

Призыв к действию

Другим примером JavaScript является призыв к действию (CTA), подобно тем, которые помещаются в сообщения в блоге, которые появляются в нижней правой части экрана. Вот как это выглядит:

Цукерберг рекомендует:  Изучение Unity в GU, лучшие assets и паблики — мнение декана

3 способа запуска функции или кода Javascript (js) при загрузке страницы.

Сегодня хочу рассказать об одной проблеме, которая часто возникает у людей, которые начинают изучать Javascript.

Они пытаются взаимодействовать с HTML-элементами на странице, которые находятся ниже по коду, чем сам скрипт. Соответственно, скрипт уже подгрузился, а элемент, с которым нужно будет взаимодействовать, еще нет. По этой причине ничего работать не будет.

Особенность языка Javascript в том, что его код выполняется последовательно, строка за строкой, как они написаны в исходном коде.

К элементу с id #block не будет применяться правило css (background-color:yellow), т.к. строка

Будет выполняться раньше, чем загрузиться html-строка:

Как быть, если нам нужно выполнить код или функцию, только после того, как весь документ полностью загрузится?

Я хочу рассказать о трех способах, как это можно сделать.

1 способ. С использованием библиотеки Jquery.

Чаще всего сам им пользуюсь, наиболее простое и удобное решение, но требует подключения библиотеки Jquery.

Вот как преобразиться предыдущий, код, если мы воспользуемся следующим методом.

2 способ. С помощью элемента body и атрибута onload.

3 способ. С помощью объекта window и его свойства onload.

Выбирайте тот способ, который более всего подходит к вашей ситуации, и применяйте его на практике.

Что такое JavaScript и для чего он нужен

В этой статье мы расскажем, что такое JavaScript (Джава Скрипт), приведем примеры, поясним для чего он нужен в html коде. Дадим ответы на популярные вопросы вебмастеров.

1. Что такое JavaScript простыми словами

JavaScript является объектно-ориентированным и интерпретируемым языком. Является системно-независимым (работает на любых платформах). Зачастую JS код называют скриптами. Можно сказать, что этот язык «заточен» лишь для веб-программирования.

Синтаксис языка во многом напоминает Си и Java, семантически же язык гораздо ближе к Self, Smalltalk.

2. Задачи решаемые JavaScript


  • Проверку полей html форм (тег ) до того, как они передались на сервер
  • Информационные сообщения с предупреждениями
  • Эффекты для выделения главных элементов и частей страницы
  • Оригинальные выпадающие меню
  • Математические вычисления

Обычно с помощью JavaScript делают слайдеры. Можно также выводить контент через вывод на AJAX, это позволяет скрывать из html-кода ненужные или повторящиеся элементы страницы сайта. Изучать эти коды новичку не имеет смысла, т.к. они довольно сложные.

3. Как включить поддержку JavaScript в браузере

Все браузеры поддерживают JavaScript. По умолчанию Джава Скрипт уже должен быть включен в браузерах, если нет, то ниже представлены инструкции для различных браузерах по включению JS.

1. Включить JavaScript в Firefox

Зайдите в «Инструменты», далее в «Настройки». Затем выберите вкладку «Содержимое» и поставьте галочку напротив надписи «Использовать JavaScript».

2. Включить JavaScript в Google Chrome

«Настройка и управление Google Chrome» -> «Параметры» -> «Расширенные» -> «Личные данные (Настройки содержания)» -> «JavaScript:» Разрешить всем сайтам использовать JavaScript (рекомендуется) или запретить выполнение JavaScript на всех сайтах

3. Включить JavaScript в Opera

Нажать на клавишу F12 Выбрать пункт «Включить JavaScript»

4. Включить JavaScript в Internet Explorer

«Сервис» -> «Свойства обозревателя» -> вкладка «Безопасность» -> выбираем зону «Интернет» -> кнопка «Другой» -> пункт «Сценарии» -> «Разрешить сценарии»

4. Пример: как вставить JavaScript в html страницу

Код JavaScript вписывается прямо в html код страницы. Для его выделения используют специальные теги

Атрибут type=’text/javascript’ указывать не обязательно, но желательно.

Использовать можно в заголовочных тегах , так и просто в теле страницы .

Писать html теги между открывающим и закрывающим тегом script запрещено. Это место только для кода на JavaScript.

Чтобы не дублировать один и тот же JavaScript на каждой странице его обычно выносят в отдельный файл с расширением «.js». Этот файл можно подключить в любом месте html-страницы.

4.1. Пример 1. Всплывающие сообщение Hello, World

Ниже представлен пример html код, который при загрузке страницы выводит всплывающее сообщение «Hello, World».

При нажатие на ссылку будет выведена форма с просьбой подтвердить переход по ссылке.

4.2. Пример 2. Альтернатива с обработкой javascript

Ниже представлен пример html кода с обработкой кода JavaScript с помощью идентификатора id.

4.3. Пример 3. Смена цвета объекта при наведении курсора

При наведении курсора мышки на определенные области, они изменяют цвет. Делается это через JavaScript. Например

Код этого примера:

Это лишь самые элементарные вещи на JavaScript. Его возможности довольно большие. Не даром в литературных магазинах по этому языку можно найти отдельные книги.

Почему мой код javascript не работает в html-коде?

Почему мой код javascript не работает в html-коде?Почему мой код javascript не работает в html-коде?

поблагодарить всех кто поможет в этом месте.

«Это не работает» никогда не является хорошим описанием проблемы. Что оно делает ? Чего ты ожидал ? Что вы хотите сделать с этим кодом? – Aserre

Downvoters: Просто потому, что это не работает таким образом, это не означает вопрос, задающий * почему * — плохой вопрос. –

ответ

Это не работает, потому что вы не можете запустить тег в теге открытия другого тега.

Вместо этого, вам нужно использовать тег сценария и иметь его выход весь img тег, а не только один атрибут этого:

(Обратите внимание, что нет никаких оснований ставить type на script теги, если содержание — это JavaScript, это просто раздутие страницы, JavaScript по умолчанию.)

Отдельно, сам код не имеет смысла. У вас есть

Условие никогда не будет правдой. Кроме того, вы затем

Это условие никогда не будет ложным.

HTML в строке с кодом JavaScript, JS не работает

March 2020

197 раз

Вот мой тест Javascript функция

При запуске этой функции, div наряду с a тегом добавляется в div1 , но когда я нажимаю на якорь тег, он говорит showmsg is not defined , что указывает , что браузер не разбирая script тег.

Как достичь этого без какой-либо 3-сторонней библиотеки?

Обновить:

Возможное использование, я хочу, чтобы позволить пользователю создавать шаблоны HTML вместе с кодом JavaScript, то мой JS библиотека будет использовать эти шаблоны HTML, чтобы сделать определенный пользователь разметки, а также позволяет пользователю осуществлять его / ее собственные логики через JS.

Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих