#javascript #java #html #bitcoin #lightning-network
#javascript #HTML
Вопрос:
Я научился создавать забавный фрагмент javascript на codeacademy и хотел добавить его в html-документ. Как бы я это сделал или это вообще возможно?
Вот сайт. Я пытался использовать теги скрипта, но они не работают. Не уверен, что я помещаю их в нужное место.
Комментарии:
1. На самом деле все в порядке. Не могли бы вы опубликовать весь свой код или код, который вы хотели добавить в свой документ?
Ответ №1:
Глядя на ссылку Codeacademy, кажется, что есть некоторые зависимости. Вам нужно обязательно включить их. Ваш HTML-файл должен выглядеть следующим образом. Примечание: вероятно, вам следует объединить все ваши JS во внешний файл и связать его <script src="main.js"></script> тегами. Кроме того, убедитесь, что теги вашего скрипта находятся в конце страницы (но перед </body> ), это сделает вашу страницу быстрее, поскольку ваш JS не будет блокировать построение DOM.
Обновить
Если вы включили все известные зависимости, и это все еще не работает, Codecademy, вероятно, где-то спрятал какой-то важный код. Самый простой способ обойти это — просто загрузить саму веб-страницу в виде HTML-файла (опция щелчка по ссылке на mac) и либо использовать это, либо покопаться, чтобы убедиться, что у вас есть все.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas id="myCanvas"></canvas>
<script>
var myName = "Codecademy";
var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];
var letterColors = [red, orange, green, blue, purple];
drawName(myName, letterColors);
if(10 < 3)
{
bubbleShape = 'square';
}
else
{
bubbleShape = 'circle';
}
bounceBubbles();
</script>
<script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
</body>
</html>
Комментарии:
1. Извините, новичок в javascript или кодировании в целом.<script src=»YOUR_CUSTOM_JS.js «> </script> Я изменил его на свой .js, но когда я открываю HTML-страницу, ничего не происходит
2. Хорошо, поэтому я вместо того, чтобы просто связывать файл, вы можете просто включить его в строку. Просто скопируйте и вставьте код в свой текстовый редактор, сохраните и откройте в своем браузере.
3. Итак, я скопировал и вставил код, и все равно ничего не происходит. Спасибо за помощь!
4. Хорошо, я оглядываюсь на это.
Ответ №2:
Вы можете добавить встроенный JavaScript с помощью <script> тега.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
Редактировать
Извините, я не заметил, что вы уже пробовали теги скрипта. Можете ли вы опубликовать свой HTML с тегами script?
Комментарии:
1. <!DOCTYPE html> <html> <head> <title>Результат</title> <script> var myName = «Codecademy»; var red = [0, 100, 63]; var orange = [40, 100, 60]; var green = [75, 100, 40]; var blue = [196, 77, 55]; var purple = [280, 50, 60]; var letterColors = [красный, оранжевый, зеленый, синий, фиолетовый]; drawName(мое имя, цвета букв); если (10 < 3) { bubbleShape = ‘square’; }else { bubbleShape = ‘circle’; } bounceBubbles(); </script> </head> <body><h1>ДА, БУТЕРБРОДЫ </h1> <img src=» bit.ly/RhrMEn » /> <p>Я люблю яйца. </p> <p> И ветчина! </p> <p> Но в основном бутерброды. </p> </body> </html>
2. как мне превратить его в читаемый html в stackoverflow, чтобы он не выглядел как беспорядок выше?
3. @user3802773 Старайтесь не добавлять кучу кода в свои комментарии. Вместо этого отредактируйте свой вопрос выше.
Ответ №3:
Лучший способ — использовать <script> теги:
<script src="helloWorld.js"></script>
или:
<script>
//Your Js Goes Here
</script>
Надеюсь, это то, что вам было нужно!