Как создать скрипт

<< Разные уроки

Как сделать скриншот экрана

Иногда нужно сделать скрин (screen, скриншот) для наглядного изображения за происходящим на вашем компьютере. Например, показать как устанавливать программу или как настраивать главное меню.

Сделать такой снимок очень просто без специальных программ.

Для начала определите, что вы хотите "сфотографировать".

Рассмотрим на примере обычного меню "Пуск". Для того чтобы сделать скрин "Пуска", нужно для начала нажать на клавиатуре клавишу "Windows" или кликнуть левой кнопкой мыши по кнопке "Пуск".

Теперь, пока меню "Пуск" раскрыто, нужно нажать на клавиатуре клавишу "Prt Sc":

Таким образом мы "сфотографируем" весь экран в буфер обмена.

Чтобы сохранить наш снимок откроем программу "Paint", она есть на каждом компьютере:

Пуск => Программы => Стандартные => Paint

 

В рабочем окне программы Paint нажмите закладку Правка, затем Вставить или просто нажмите сочетание клавиш Ctrl + V (вставить).

 

Теперь выбираем инструмент Выделение (штриховая рамка) и выделяем область, которую нам нужно (окно Пуск).

 

Копируем выделенный фрагмент в Буфер обмена Правка => Копировать или сочетанием клавиш Ctrl + C

 

Создаём новый документ Файл => Создать или Ctrl + N.
Старый документ можно закрыть.

 

Вставляем из Буфера скопированный рисунок Правка => Вставить или Ctrl + V

 

Рисунок вставлен. Если нужно на нём что-то подчеркнуть или подписать, то можно воспользоваться Карандашом или Кистью из панели инструментов.

 

Осталось сохранить рисунок Файл => Сохранить как…

 

Введите имя для вашего рисунка и выберите Тип файла JPEG, не забудьте указать Папку в которую вы хотите сохранить рисунок, теперь можно нажимать кнопку Сохранить

 

Вот результат работы:

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

Как быстро сделать скриншот рабочего стола с помощью программы Screen Shoot-It

Это вводный курс по JavaScript для начинающих. Сегодня мы напишем нашу первую программу на JavaScript. Напомню, что программы на JavaScript называются сценариями или просто скриптами. Поехали!

Вы, наверное, сразу подумали про «Hello World!»?

Нет! Это оставим для чайников. Напишем что-то более интересное. Но прежде давайте разберемся, в чем писать наш скрипт. На первых порах вам понадобится какой-нибудь простенький редактор кода. Я пользуюсь PSPad и всем его рекомендую. Это бесплатный текстовый редактор для программистов. Все!

Запускаете редактор, нажимаете Ctrl+N и выбираете, какой файл хотите создать. В длинном списке вы найдете и JavaScript, но он вам пока не нужен. Понадобится он лишь когда вы будете писать отдельные скрипты, вынесенные в отдельные файлы. Нам же сейчас нужна простая HTML страничка, куда мы сможем внедрить наш скрипт.

Поэтому переходим на вкладку Из шаблона, далее HTML и в выпадающем списке выбираем HTML5. Мы же за современную веб-разработку, верно?

Шаблон лучше сразу подправить и сохранить на будущее. Сейчас он выглядит так:

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

Отлично! Предварительная подготовка закончена. Теперь напишем непосредственно сам скрипт. Между тегами <body></body> добавим вот такой кусок кода:

А теперь сохраним этот файл под именем test с расширением .html и откроем его в браузере. Вуаля!

Браузер сразу покажет всплывающее окошко, так называемый алерт (alert — предупреждение). Обратите внимание на поведение браузера: он будет оставаться в процессе загрузки страницы до тех пор, пока вы не нажмете на кнопку ОК. Это не ошибка. Браузер именно ожидает от нас, что мы будем делать дальше.

Если мы проигнорируем предупреждение, то загрузка страницы так и застрянет на этом месте, а если нажмем на кнопку ОК, то программа будет завершена, и страница загрузится до конца.

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

Ну, а пока самое время таки нажать на кнопку ОК.

Так нажмите же на нее, наконец!

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

Правда, ведь, ничего сложного? Подобные всплывающие окошки с предупреждением вы видели уже не раз и не два. Теперь вы знаете, откуда они берутся, и почему страницы не грузятся дальше, пока вы не нажмете на кнопку в окне предупреждения.

В следующий раз мы применим alert для проверки правильности заполнения полей формы обратной связи и познакомимся с понятием функции в JavaScript. Оставайтесь на связи!

20.01.2017

Автор: Игорь Квентор
www.websovet.com

Если статья оказалась для вас полезной, пожалуйста, поставьте свою оценку и поделитесь в соцсетях:

(8 votes, average: 5,00 out of 5)
Загрузка…

Похожие записи:

При разработке скриптов всегда возможны ошибки… Впрочем, что я говорю? У вас абсолютно точно будут ошибки, если конечно вы – человек, а не робот.

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

Для разработки рекомендуется использовать Chrome или Firefox.

Другие браузеры, как правило, находятся в положении «догоняющих» по возможностям встроенных инструментов разработки. Если ошибка, к примеру, именно в Internet Explorer, тогда уже смотрим конкретно в нём, но обычно – Chrome/Firefox.

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

Google Chrome

Откройте страницу bug.html.

В её JavaScript-коде есть ошибка. Конечно, обычному посетителю она не видна, нужно открыть инструменты разработчика.

Для этого используйте клавишу под Windows, а если у вас Mac, то .

При этом откроются инструменты разработчика и вкладка Console, в которой будет ошибка.

Выглядеть будет примерно так:

  • При клике на вы перейдёте во вкладку с кодом к месту ошибки, там будет и краткое описание ошибки. В данном случае ошибка вызвана строкой , которая интерпретатору непонятна.
  • В этом же окошке вы можете набирать команды на JavaScript. Например, наберите – команду вывода сообщения и запустите её нажатием . Мы познакомимся с этой и другими командами далее.
  • Для перевода курсора на следующую строку (если команда состоит из нескольких строк) – используется сочетание .

Далее в учебнике мы подробнее рассмотрим отладку в Chrome в главе Отладка в браузере Chrome.

Firefox

Для разработки в Firefox используется расширение Firebug.

  1. Первым делом его надо установить.

    Это можно сделать со страницы https://addons.mozilla.org/ru/firefox/addon/firebug/.

    Перезапустите браузер. Firebug появится в правом-нижнем углу окна:

    Если иконки не видно – возможно, у вас выключена панель расширений. Нажмите для её отображения.

    Ну а если её нет и там, то нажмите – это горячая клавиша для запуска Firebug, расширение появится, если установлено.

  2. Далее, для того чтобы консоль заработала, её надо включить.

    Если консоль уже была включена ранее, то этот шаг не нужен, но если она серая – выберите в меню и включите её:

  3. Для того, чтобы Firebug работал без глюков, желательно сначала открыть Firebug, а уже потом – зайти на страницу.

    С открытым Firebug зайдите на страницу с ошибкой: bug.html.

    Консоль покажет ошибку:

    Кликните на строчке с ошибкой и браузер покажет исходный код. При необходимости включайте дополнительные панели.

Как и в Chrome, можно набирать и запускать команды.

Область для команд на рисунке находится справа, запуск команд осуществляется нажатием (для Mac – ).

Можно перенести её вниз, нажав на кнопочку (на рисунке её не видно, но она присутствует в правом нижнем углу панели разработки).

Об основных возможностях можно прочитать на сайте firebug.ru.

Internet Explorer

Панель разработчика запускается нажатием .

Откройте её и зайдите на страницу с ошибкой: bug.html. Если вы разобрались с Chrome/Firefox, то дальнейшее будет вам более-менее понятно, так как инструменты IE построены позже и по аналогии с Chrome/Firefox.

Safari

Горячие клавиши: , для Mac – вместо .

Для доступа к функционалу разработки через меню:

  1. В Safari первым делом нужно активировать меню разработки.

    Откройте меню, нажав на колесико справа-сверху и выберите .

    Затем вкладка :

    Отметьте . Закройте настройки.

  2. Нажмите на колесико и выберите .

    Инструменты будут доступны в появившейся строке меню, в пункте .

Итого

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

Далее мы приступим к изучению JavaScript.

Как запустить JS скрипт

Дата публикации: 15.05.2013

Написать что-то на языке Java не так уж и просто, и не обладая основными знаниями вы, вряд ли сможете это сделать. Однако, если вам понравилось какое-то приложение написанное на этом языке, то вы можете скачать его и установить к себе на сайт. Для чего оно послужит, вам решать, может, оно будет привлекать пользователей, может, оно будет просто украшать, а может, будет выполнять какие-то действия. Допустим, вы его скачали, теперь самый главный вопрос, как запустить JS скрипт. В этой статье мы попытаемся дать ответ на этот вопрос.

Для того, что бы подключить Javascrip необходимо иметь доступ к простому html коду страницы. Один из самых простых способов – написать команду в теге <script> в любом месте внутри страницы.

Как подключить скрипт в любом месте сайта?

Процесс отображения Java скрипта начинается с того времени, как браузер отображает вашу html страничку, встречаясь с тэгом <script> он начинает открывать все, написанное в нем, выполняя его код. Одновременно с этим браузер продолжает открывать весь материал страницы.  
В данном примере мы покажем, как браузер выполнит три раза функцию alert, и лишь после выполнения этой команды отображает оставшуюся часть.

01   <html>
02   <body>
03    <h1>Считаем кроликов</h1>
04   
05    <script type=»text/javascript»>
06    for(var i=1; i<=3; i++) {
07    alert(«Из шляпы достали «+i+» кролика!»)
08    }
09    </script>
10    <h1>…Посчитали</h1>
11   </body>
12   </html>

Теперь поговорим об элементах, использующихся в этом примере:
<script type=»text/javascript»> … </script>

Тег <script> в понимании браузера является дверью, за которой находится скрипт, который нужно выполнить. Type указывает на стиль скрипта, в нашем случае — JS. Иногда атрибут может отсутствовать, но скрипт будет четко выполняться.

Конструкция for
То же самое, что и в других языках – обычный цикл
Объявление var i
Тип переменной i
Функция alert
Выводит указанное вами сообщение и  ожидает пока посетитель не нажмет ОК.

Как запустить JS в заголовке

Чаще всего JS отделяют от всего документа, чтобы он не надоедал пользователям.  Для того, что бы это сделать, его помещают либо в пустой тэг, либо в HEAD, в то же время тело страницы остается чистым, т.е. без присутствия Java.

Пример показывает, как скрипт описывает обычную функцию count_rabbits, а вызов этой функции происходит после нажатия input.
01   <html>
02   
03    <head>
04    <script type=»text/javascript»>
05    function count_rabbits() {
06    for(var i=1; i<=3; i++) {
07    // оператор + соединяет строки
08    alert(«Из шляпы достали «+i+» кролика!»)
09    }
10    }
11    </script>
12    </head>
13   
14    <body>
15    <input type=»button» onclick=»count_rabbits()» value=»Считать кролей!»/>
16    </body>
17   
18   </html>

Если вы присмотритесь, то в качестве указателя на функцию был использован параметр  “onclick”.
Конечно, это обычные примеры, которые мы можем привести, как для новичков.  Используйте Java скрипт и приложения, только обратите внимание, что поисковые роботы могут воспринять обилие всплывающих окон, как popunder и отправить сайт под фильтр.

Добавить комментарий

Закрыть меню