Задать вопрос
@azazel_live
javascript

Зачем нужны вставки js кода в документе?

Приветствую.
Я не разбираюсь в js, ну нужно понять, зачем некоторые части кода js выносят во внешний файл, например в функцию docement ready, а какие то части оставляют на самой странице. Вот есть шаблончик, зачем там вынесены из общего файла, куски кода в html страничке? Ведь всё можно вставить в document ready?
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>	
<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
</script>
<!--//end-smoth-scrolling-->
</head>
<body>
	<!--header-->
	<div class="header">
		<div class="container">
			<div class="top-middle">
				<a href="index.html">
					<h3>Hospice</h3>
				</a>	
			</div>
			<div class="top-nav">
				<span class="menu"><img src="images/menu-icon.png" alt=""/></span>		
				<ul class="nav1">
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html" class="active">About Us</a></li>
					<li><a href="features.html">Features</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="portfolio.html">Portfolio</a></li>
					<li><a href="contact.html" >Contact Us</a></li>
				</ul>
				<!-- script-for-menu -->
				 <script>
				   $( "span.menu" ).click(function() {
					 $( "ul.nav1" ).slideToggle( 300, function() {
					 // Animation complete.
					  });
					 });
				</script>
  • Вопрос задан
  • 308 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
@antonowano
Профессиональный самоучка
jQuery(document).ready(); - это привязка события готовности документа.
Когда документ полностью загрузится это событие вызовет функцию написанную в .ready( ... )
В данном примере он плавно прокрутит страницу к тому якорю который указан в шехе:
example.com/posts#post1 - хешем в ссылке является #post1
При переходе по ней и полной загрузки документа, страница покрутится к элементу с id="post1".
Если этот код убрать - страница по прежнему будет прокручивать, но уже не плавно, а резко к указанному якорю, тоже по завершению загрузки страницы.

Что касается кода внизу.
Этот код не дожидается полной загрузки страницы и выполняется сразу как браузер его прочитает.
В данном случае скрипт привязывает событие клика на иконку меню, при клике он плавно откроет или закроет меню.
Ответ написан
1 комментарий
1 комментарий
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
jQuery(document).ready(function добавляют, что бы то что внутри него срабатывало, только после того, как страница готова. Иногда надо, что бы срабатывало до.
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо поменять пароль в WINDOWS
24 нояб. 2024, в 03:11
500 руб./за проект
Требуется консультация по UX-дизайну казино
24 нояб. 2024, в 01:35
5000 руб./за проект
Расширение для браузера
24 нояб. 2024, в 01:24
500 руб./за проект
Ещё заказы