Работа с внешними функциями JavaScript и HTML

Благодарим вас за помощь в решении моей проблемы. Мне было интересно, может ли кто-нибудь объяснить это мне, поскольку я сам рассказываю о JavaScript JQuery. То, что я пытаюсь сделать, это нажать сообщение в переменную, которая находится в параметрах функции. Затем я хочу отобразить сообщение с помощью функции, вызвав его обратно в html-файл, который я изначально имел. Поэтому я хочу написать сообщение в своей функции и распечатать на моей странице html. Я думаю, что я, возможно, в правильном направлении, это мой исходный код. Я пытаюсь использовать для записи с внешними файлами javascript, поскольку я считаю, что это намного более чистый способ работы с HTML, CSS3 и JavaScript.Работа с внешними функциями JavaScript и HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title></title> 
<script type="text/javascript" src=".js"></script> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
<body> 

<form> 


    <input type="button" value="Click me" id="message "onclick="test();" /> 

</form> 

</body> 
</html>

Внешний файл JavaScript.

function test(message){ 


     alert("Hello"); 


}

источник

2015-06-24 j c

Есть ли у вас конкретная проблема? Кроме того, у вашего скриптового тега нет имени перед .js в атрибуте src. – JasonWilczak

Где вы хотите, чтобы сообщение печаталось и когда? –

http://www.codecademy.com/ru/tracks/javascript - достойное место для начала. – mgmcdermott

Чтобы показать сообщение в всплывающем окне сделать это таким образом

Html:

<input type="button" value="Show message in popup" id="message "onclick="test2('hii this is my message');" />

JS:

function test2(message) 
{ 
alert(message); 
}

Показать сообщение DIV

Html:

<input type="button" value="Show message in div" id="message "onclick="test('hii this is my message');" /> 
<div id="message"> </div>

function test(message) 
{ 
    document.getElementById("message").innerHTML = message; 
}

Демо:Fiddle

источник

2015-06-24 15:55:46

, а getElementById получает его из HTML-файла? –

Спасибо всем за отзыв. –

-3

Вы определенно хотите сделать это, так как это намного БОЛЬШЕ очиститель. Он также позволяет использовать один и тот же код в нескольких местах.

Посмотрите на это: http://www.w3schools.com/js/js_whereto.asp

(вниз 'внешней JavaScript')

По сути, вам нужно сохранить файл .js как фактический файл, как filename.js:

<script type="text/javascript" src="filewithcode.js"></script>

где filewithcode.js - это путь к файлу JavaScript, который вы создали.

Надеется, что это помогает

источник

2015-06-24 15:44:12 Snappawapa

Это не отвечает на вопрос. – putvande

Вопрос довольно расплывчатый, я думал, что это более концептуальный вопрос «как это сделать/эта лучшая практика» – Snappawapa

Прошу прощения за мою ясность, но я новичок в программировании. Просто все концепции опущены и создали библиотеку для JavaScript, HTML5, CSS3, JQuery. –

Используйте this.value, чтобы получить значение входа

<input type="button" value="Click me" id="message" onclick="test(this.value);" />

И затем использовать сообщение вы получите

function test(message){ 

    alert(message); 

}

Чтобы показать это сообщение на своей странице, создать элемент на странице

<div id="message"></div>

Тогда в вашей test функции, вместо alert, установите innerText или innerHTML к сообщению

document.getElementById('message').innerText = message;

источник

2015-06-24 15:49:22 bearfriend

Это не работает –

Можете ли вы уточнить? – bearfriend

Это работает, я просто неправильно назвал свое имя для внешнего файла javascript. –

Добавление сообщения: простой способ сделать это можно с помощью jQuery или библиотеки javascript по вашему выбору. В противном случае, вы можете просто сделать это:

Создание пустой DIV для отображения Сообще с id="msg"

и в вашем яваскрипте функции:

document.getElementById("msg").innerHTML = "Your message";

Jquery гораздо больше удовольствия: вы можете использовать легко доступные функции, такие как .html() и .append()

источник

2015-06-24 15:58:57

Что я могу добавить в функцию() в html после вызова id –

Пройти ли что-нибудь через него? –

Работа с внешними функциями JavaScript и HTML

ответ

Смежные вопросы