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



Можно заключать javascript в <div>

#1 zis

zis
  • Пользователь
  • 32 сообщений
  • Репутация: 0
0

Отправлено 14 Июнь 2015 - 17:24

1. Подскажите как правильно выводить javascript, вот скажем если его вывести в блоке вот так:

<div>
<script type="text/javascript">
   123
</script>
</div>

это будет запрещено или же проканает?

 

2. Где правильно выводить javascript вмежду тегами <head> </head> или <body> </body> ?

Если я не ошибаюсь, вот так правильно выводить в <head> </head>:

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

а вот так

<script type="text/javascript">
123
</script>

правильно будет выводить в <body> </body>.

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


 

 

  • 0

#2 TimurR

TimurR
  • Пользователь PRO
  • 831 сообщений
  • Репутация: 180

Отправлено 14 Июнь 2015 - 20:41

Вообще, скрипты подключаю так: 

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

По сути, это наиболее правильный вариант. Можно подключать скрипты и в <footer>. Например, если важнее сначала подгрузить и отрисовать UI, то скрипт подключаю в подвале. Тут все может быть индивидуально. 

 

Но, вставлять сам скрипт в странице не рекомендуется, как и вставлять например стили CSS. 


  • 0

Рекомендую хостинг: www.ihc.ru

Разработка сайтов / Дизайн / Верстка - писать в л.с.



#3 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 14 Июнь 2015 - 22:27

@zis, тег script  может располагаться и в заголовке и в теле HTML-документа (т.е. и в head и body). Правилами HTML не предусматривается каких-либо ограничений в этом плане.
Есть пара ньюансов:
* Чем раньше по тексту вы расположите этот тег, тем раньше он начнет выполняться. Именно из этих соображений скрипты обычно располагают в теге head, ну и просто читабельность кода повышается.
* Само содержимое тега script на экран в большинстве браузеров, по умолчанию, не выводится,  т.е. для этого тега действует правило

script {
    display: none;
}
Откуда следует, что если вдруг появится необходимость показать выполняемый скрипт, то достаточно изменить его соответствующее стилевое свойство (естественно сам скрипт, в этом случае, должен быть в теге body):
<!DOCTYPE html>
<html>
<head>
<style>
script {
  display:block;
  float:left;
  white-space:pre;
  padding:1em;
  border:1px solid #000;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</head>
<body>
<p>На этой странице выполнен скрипт:</p>
<script>
$(document).ready(function(){
  $('body').prepend('<h1>Вывод скрипта</h1>');
});
</script>
</body>
</html>

Сообщение отредактировал yury: 14 Июнь 2015 - 22:38

  • 1

#4 tolikfantom

tolikfantom
  • Пользователь
  • 5 сообщений
  • Репутация: 1

Отправлено 14 Июнь 2015 - 23:37

А в чем сакраментальный смысл оборачивать тег script в блок?


  • 0

#5 kamchatniyoleg

kamchatniyoleg
  • Пользователь PRO
  • 1 178 сообщений
  • Репутация: 84

Отправлено 15 Июнь 2015 - 10:11

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

 

@zis, Все зависит от того для какой цели вам нужен этот скрипт, если это счетчик - можете вывести и так. Если это функциональные куски - тогда лучше поступить по технологии описанной @TimurR 


  • 0
Сервис электронного информирования клиентов PostTrail.ru
Отслеживание посылок Почты России в автоматическом режиме! Лояльность клиента - прибыль магазина!



Оформление форума – IPBSkins.ru