Файловый архив студентов. Файловый архив студентов.
1328 вузов, 5501 предметов.
/ Регистрация
FAQ Обратная связь Вопросы и предложения
Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Белорусский государственный университет
Предмет:
[НЕСОРТИРОВАННОЕ]
Файл:
Веб программирование.Начало пути.doc
Скачиваний:
6
Добавлен:
01.04.2025
Размер:
8 Мб
Скачать
☆
►Содержание►

  1. Ответить на следующие вопросы

    1. Укажите корректный синтаксис для вывода строки "Hello World"?

    2. Какая из секций документа подходит для вставки кода JavaScript?

    3. Укажите синтаксис для вызова внешнего кода скрипта "xxx.js"?

    4. Как вывести строку "Hello World" в окно alert?

    5. Как правильно создать и вызвать функцию "myFunction()"?

    6. Сколько различных видов циклов используется в JavaScript?

1.7 Два способа записи массив JavaScript.

    1. Корректный JavaScript синтаксис для открытия нового окна "window2"

window.open("http://www.w3schools.com","window2")

open.new("http://www.w3schools.com","window2")

new.window("http://www.w3schools.com","window2")

new("http://www.w3schools.com","window2")

    1. Как вывести сообщение в окно статуса браузера?

statusbar = "put your message here"

status("put your message here")

window.status("put your message here")

window.status = "put your message here"

    1. Какие из приведенных ниже ссылок являются корректными?

а) window. document. form [ 0 ]

б) self.entryForm.submit()

в) document.forms[2].name

*г) document.getElementById("firstParagraph")

*д) newWindow.document.write("Howdy")

    1. Для каждого из приведенных ниже выражений укажите, чему равно выражение someVal после выполнения следующих операторов JavaScript.

var someVal = 2;

someVal = someVal + 2;

someVal = someVal * 10;

someVal = someVal + "20"; //4020

someVal = "Robert";

    1. Какое значение выведет на экран следующий код:

var myArr = new Array();

alert(typeof(myArr));

    1. Какое число выведет на экран следующий код:

var i = 5;

var n = 3;

alert(i-- * ++n);

    1. В какой строке допущена ошибка ?

var userName = prompt("Ваше имя? ", "");

if (userName = "root")

{ document.write("<p>Доступ разрешен</p>"); }

else { document.write("<p>В доступе отказано</p>"); }

(2) (userName == "root")

1.15 Какой из участков кода будет выполнен?

var x = 1; var y = "1";

if (x === y) { // Участок кода 1 } else { // Участок кода 2 }

1.16 Какого рода информация в приведенном ниже HTML-дескрипторе, будет передана обработчиком события? Напишите функцию, отображающую в диалоговом окне предупреждение с предназначенной для передачи информацией.

<input type="text" name="phone" onchange="format(this.value)">

  1. Создать html-документ. Поместить туда текст «Добро пожаловать на сайт!» c помощью директивы document.write(). Вывести строку "Hello World" в диалоговые окна alert (“string”) и confirm((“string”). Добавить на страницу комментарии

<!--This is a comment-->

//This is a comment

/*This comment has more than one line*/

3. Создать страницу, которая предлагает (в окне prompt()) ввести имя (по умолчанию «гость»), а после этого будет приветствовать по имени. Если пользователь отказывается вводить свое имя, то на странице должно появиться сожаление по этому поводу. Приветствие должно отображаться в основной части страницы с помощью инструкции document.write("str");. В сценарий добавьте комментарий, поясняющий принцип выполнения операторов этого сценария.

Метод promt() отображает диалоговое окно с сообщением, полем ввода и двумя кнопками OK и CANCEL. Он возвращает введенное значение, если нажата кнопка OK, или специальное значение null, если нажата кнопка CANCEL.

4. Создать кнопку «Поздороваться» и обработать событие OnClick кнопки «Поздороваться» так, чтобы по щелчку на кнопке выводилось бы окно confirm() с сообщением "Еще раз здравствуйте!".

5. Напишите оператор JavaScript, который отображает приветствие новых посетителей Web-страницы на уровне заголовка <h1 > страницы документа.

6. Напишите в теле документа скрипт формирующий в документе тег параграфа <p>с помещенной в него фразой «Заходи, гостем будешь».

<html>

<head>

<title>Добро пожаловать на сайт!</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">

window['username'] = false;

function action() {

confirm('Приветствую Вас!');

}

function sayAgain() {

alert('Здравствуйте еще раз !')

}

function writeHello() {

var str = prompt('Введите свое приветственное сообщение', '');

if (str) {

var newEl = document.createElement('h1');

newEl.innerHTML = str;

document.getElementById('strings').appendChild(newEl);

}

}

function createPTag() {

var newEl = document.createElement('p');

newEl.innerHTML = 'Приветствую Вас, многоуважаемый Гость!!!';

document.getElementById('strings').appendChild(newEl);

}

</script>

</head>

<body onload="action()">

<div id="strings"></div>

<input type="button" onclick="sayAgain()" value="Поздороваться еще раз" />

<input type="button" onclick="writeHello()" value="Написать свое приветствие" />

<input type="button" onclick="createPTag()" value="Сформировать тег параграфа" />

</body>

</html>

  1. Создать страницу, которая предлагает (в диалоговом окне) пользователю ввести число, а затем выводит информацию о четности числа на страницу документа. Функция parseInt поможет преобразовать строку к целому числу.

  2. Создайте страницу, которая предлагает (в диалоговом окне) пользователю ввести число, а затем выводит кубы всех чисел от 1 до введенного числа при условии, что они не превосходят 1000. Воспользоваться

  • циклом for;

  • циклом while;

  • циклом do while

  • if()

  1. Вывести в заголовок строки: "раз"; "два"; "три"; "четыре"; "пять"; "вышел зайчик погулять".

Пример создания бегущей строки в заголовке браузера.

<html>

<head>

<title>JavaScript в примерах</title>

<script language="JavaScript">

var msg = document.title;

var c = 0;

function animateTitle()

{

document.title = msg.substring(0,c);

if(c == msg.length)

{

c = 0;

setTimeout("animateTitle()", 2000)

}

else

{

c++;

setTimeout("animateTitle()", 200)

}

}

animateTitle()

</script>

</head>

<body>

<h1>Пример с заголовком браузера</h1>

</body>

</html>

Такой же пример

<html>

<head>

<title>JavaScript в примерах</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">

var msg = document.title;

var c = 0;

var strings = new Array("раз", "два", "три", "четыре", "пять", "вышел зайчик погулять");

function animateTitle()

{

document.title = strings[c];

if(c == strings.length - 1)

{

c = 0;

setTimeout("animateTitle()", 2000)

}

else

{

c++;

setTimeout("animateTitle()", 200)

}

}

</script>

</head>

<body onload="animateTitle()">

<div id="strings"></div>

</body>

</html>

Полем status bar называют поле нижней части окна, в котором отображается информация о состоянии браузера (загрузка документа, загрузка графики, завершение загрузки и т.п.). Программа на JavaScript имеет возможность работать с этим полем с помощью двух свойств:

window.status — значение поля статуса;

window.defaultStatus — значение поля статуса по умолчанию.

Значение свойства status можно изменить — и оно тут же будет отображено в поле статуса. Свойство defaultStatus тоже можно менять — и сразу по его изменении оно отображается в поле статуса. Пример:

window.status = "put your message here"

a)Напишите оператор JavaScript, который отображает сообщение в строке состояния, приветствующее новых посетителей Web-страницы.

b)Создайте страницу на которой расположена кнопка «Установить техт в строке состояния» по нажатию на которую в строку состояния выводится приветствие.

c) Расположите на странице ссылку. При наведении мыши на ссылку отобразите в строке состояния текст 'Заходи, не пожалеешь!' (обработка события onMouseOver), при уходе курсора со ссылки отобразите в строке состояния текст 'Напрасно, не зашел' (обработка события onMouseOut).

d) Создать Web-страницу с «бегущим текстом» в строке статуса состояния браузера

e) Вывести текущее время в окно документа и в окно статуса

Пример программы выводящей время в строке статуса.

<HTML>

<HEAD>

<SCRIPT>

function time_scroll()

{

var d = new Date();

window.status = d.getHours()

+ ':' + d.getMinutes()

+ ':' + d.getSeconds();

setTimeout('time_scroll()',1000);

}

</SCRIPT>

</HEAD>

<BODY onLoad="time_scroll()">

<H1>Часы в строке статуса</H1>

</BODY> </HTML>

Метод setTimeout() используется для создания нового потока вычислений, исполнение которого откладывается на время (в миллисекундах), указанное вторым аргументом:

idt = setTimeout("JavaScript_код",Time);

Если в Mozilla не изменяется строка состояния, то следует выполнить: Инструменты -> Настройки -> Содержимое и там напротив JavaScript -> Дополнительно -> Изменять текст в строке статуса.

  1. Вывести на странице регулярно обновляемую информацию:

  1. о том, сколько дней осталось до нового года, в зависимости от текущей даты;

  2. о том, сколько часов и минут осталось до конца рабочего дня, или до начала нового рабочего дня в зависимости от текущего времени. Рабочее время считать с 9.00 до 17.00. Расширенный вариант: рабочими днями считать понедельник, вторник, среду, четверг, пятницу, а в рабочее время есть обед с 12.00 до 12.30.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]
Помощь Обратная связь Вопросы и предложения Пользовательское соглашение Политика конфиденциальности