100 лучших вопросов и ответов на собеседовании по JavaScript (2024 г.)

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

 

Вопросы для собеседования по JavaScript для первокурсников

1. Что такое JavaScript?

JavaScript — очень мощный язык сценариев на стороне клиента. JavaScript используется в основном для улучшения взаимодействия пользователя с веб-страницей. Другими словами, вы можете сделать свою веб-страницу более живой и интерактивной с помощью JavaScript. JavaScript также широко используется при разработке игр и мобильных приложений.

👉 Бесплатная загрузка в формате PDF: Вопросы и ответы для интервью по JavaScript >>


2. Перечислите различия между Java и JavaScript?

Java это полноценный язык программирования. Напротив, JavaScript — это закодированная программа, которую можно внедрить на HTML-страницы. Эти два языка вовсе не взаимозависимы и созданы для разных целей. Java — это объектно-ориентированное программирование (OOPS) или языки структурированного программирования, такие как C++ или C, тогда как JavaScript — это язык сценариев на стороне клиента.


3. Что такое типы данных JavaScript?

Фоллоwing типы данных JavaScript:

  • Номер регистрации
  • строка
  • Логический
  • объект
  • Не определено

4. Для чего используется функция isNaN?

Функция isNan возвращает true, если аргумент не является числом; другойwise, это неверно.


5. Что быстрее: JavaScript и сценарий ASP?

JavaScript работает быстрее. JavaScript — это клиентский язык, поэтому для его выполнения не требуется помощь веб-сервера. С другой стороны, ASP — это серверный язык и, следовательно, он всегда медленнее, чем JavaScript. Javascript теперь также является серверным языком (nodejs).


6. Что такое отрицательная Бесконечность?

Отрицательная бесконечность — это число в JavaScript, которое можно получить путем деления отрицательного числа на ноль.


7. Можно ли разбить код JavaScript на несколько строк?

Разрыв внутри строкового оператора можно выполнить, используя обратную косую черту '\' в конце первой строки.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

document. Write ("This is \a program,");

А если вы перейдете на новую строку, находясь за пределами строкового оператора, javaScript игнорирует разрыв строки.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

var x=1, y=2,
z=
x+y;

Приведенный выше код вполне подходит, но не рекомендуется, поскольку затрудняет отладку.


8. Какая компания разработала JavaScript?

Netscape — компания-разработчик программного обеспечения, разработавшая JavaScript.


9. Что такое необъявленные и неопределенные переменные?

Необъявленные переменные — это те, которые не существуют в программе и не объявлены. Если программа пытается прочитать значение необъявленной переменной, возникает ошибка времени выполнения.

Неопределенные переменные — это те, которые объявлены в программе, но не получили никакого значения. Если программа пытается прочитать значение неопределенной переменной, возвращается неопределенное значение.


10. Написать код для динамического добавления новых элементов?

<html> 
<head> 
<title>t1</title> 
<script type="text/javascript"> 
    function addNode () { var newP = document. createElement("p"); 
    var textNode = document.createTextNode(" This is a new text node"); 
    newP.appendChild(textNode); document.getElementById("firstP").appendChild(newP); } 
</script> </head> 
<body> <p id="firstP">firstP<p> </body> 
</html>

11. Что такое глобальные переменные? Как объявляются эти переменные?

Глобальные переменные доступны по всему коду, поэтому они не имеют области действия. Ключевое слово var используется для объявления локальной переменной или объекта. Если ключевое слово var опущено, объявляется глобальная переменная.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

// Объявляем глобальную переменную: globalVariable = «Test»;

Проблемы, с которыми сталкиваются при использовании глобальных переменных, — это столкновение имен переменных локальной и глобальной области действия. Кроме того, сложно отлаживать и тестировать код, использующий глобальные переменные.


12. Что такое подсказка box?

Быстрое box - это box который позволяет пользователю вводить данные, предоставляя текст box. Этикетка и box будет предоставлен для ввода текста или номера.


13. Что такое ключевое слово this в JavaScript?

Ключевое слово This относится к объекту, из которого оно было вызвано.


14. Как работают таймеры в JavaScript?

Таймеры используются для выполнения фрагмента кода в заданное время или повторения кода через заданный интервал. Это делается с помощью функций setTimeout, setInterval, и ClearInterval.

setTimeout (функция, задержка) Функция используется для запуска таймера, который вызывает определенную функцию после указанной задержки. setInterval (функция, задержка) Функция неоднократно выполняет данную функцию с указанной задержкой и останавливается только при ее отмене. clearInterval (идентификатор) Функция дает команду таймеру остановиться.

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


15. Какой символ используется для комментариев в Javascript?

// для однострочных комментариев и

/* Мульти

линия

КОММЕНТАРИЙ

*/


16. В чем разница между ViewState и SessionState?

  • «ViewState» относится к странице в сеансе.
  • «SessionState» относится к пользовательским данным, доступ к которым можно получить на всех страницах веб-приложения.

17. Что такое оператор ===?

=== называется оператором строгого равенства, который возвращает true, если два операнда имеют одинаковое значение без преобразования.


18. Как отправить форму с помощью JavaScript?

Чтобы отправить форму с использованием JavaScript, используйте

document.form[0].submit();
document.form[0].submit();

19. Поддерживает ли JavaScript автоматическое преобразование типов?

Да, JavaScript поддерживает автоматическое преобразование типов. Это распространенный способ преобразования типов, используемый разработчиками JavaScript.


20. Как можно изменить стиль/класс элемента?

Это можно сделать в след.wing путь:

document.getElementById("myText"). style. fontSize = "20";

or

document. getElementById ("myText"). className = "anyclass";

21. Как читать и писать файл с помощью JavaScript?

Есть два способа прочитать и записать файл с помощью JavaScript.

  • Использование расширений JavaScript
  • Использование веб-страницы и объектов Active X

22. Какие структуры циклов существуют в JavaScript?

Фоллоwing являются циклическими структурами в Javascript:

  • Что касается
  • В то время как
  • Циклы Do-while

23. Что называется типизацией переменных в Javascript?

Типизация переменной используется для присвоения числа переменной. Одной и той же переменной можно присвоить строку.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

i = 10;
i = "string;"

Это называется типизацией переменных.


24. Как преобразовать строку с любой базой в целое число в JavaScript?

Функция parseInt() используется для преобразования чисел между разными системами счисления. parseInt() принимает преобразуемую строку в качестве первого параметра. Второй параметр — это основа данной строки.

Чтобы преобразовать 4F (или основание 16) в целое число, используемый код будет:

parseInt ("4F", 16);

25. Разница между «==» и «===»?

«==» проверяет только равенство значений, тогда как «===» представляет собой более строгий тест на равенство и возвращает false, если значение или тип двух переменных различны.


Вопросы на собеседовании по JavaScript для опытных

26. Каким будет результат 3+2+7″?

Поскольку 3 и 2 — целые числа, они будут складываться численно. А поскольку 7 — это строка, будет произведена ее конкатенация. Таким образом, результат будет 57.


27. Как определить операционную систему на клиентской машине?

Чтобы определить операционную систему на клиентской машине, навигатор. Следует использовать строку платформы (свойство).


28. Что вы подразумеваете под NULL в Javascript?

Значение NULL используется для обозначения отсутствия значения или отсутствия объекта. Это подразумевает отсутствие объекта или пустой строки, отсутствие допустимого логического значения, отсутствие числа и отсутствие объекта массива.


29. Какова функция оператора удаления?

Ключевое слово delete используется для удаления как свойства, так и его значения.

Пример

var student= {age:20, batch:"ABC"};
Delete student. age;

30. Что такое неопределенное значение в JavaScript?

Неопределенное значение означает

  • Переменная, используемая в коде, не существует
  • Переменной не присвоено какое-либо значение
  • Собственности не существует.

31. Какие типы всплывающих окон существуют? boxдоступно в JavaScript?

  • Оповещение
  • Подтвердите и
  • Незамедлительный

32. Какая польза от Пустоты (0)?

Void(0) используется для предотвращения обновления страницы, а при вызове передается параметр «ноль».

Void(0) используется для вызова другого метода без обновления страницы.


33. Как заставить страницу загрузить другую страницу в JavaScript?

Фоллоwing код должен быть вставлен для достижения желаемого эффекта:

<script language="JavaScript" type="text/javascript" >
<!-- location. href="https://www.guru99.com/javascript-interview-questions-answers.html"; //--></script>

34. Каков тип данных переменных в JavaScript?

Все переменные в JavaScript являются объектными типами данных.


35. Чем отличается оповещение box и подтверждение box?

Предупреждение box отображает только одну кнопку — кнопку ОК.

Но подтверждение box отображает две кнопки, а именно ОК и Отмена.


36. Что такое escape-символы?

Escape-символы (обратная косая черта) используются при работе со специальными символами, такими как одинарные кавычки, double кавычки, апострофы и амперсанды. Поместите обратную косую черту перед символами, чтобы они отображались.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

document. write "I m a "good" boy."
document. write "I m a \"good\" boy."

37. Что такое файлы cookie JavaScript?

Cookie — это небольшие тестовые файлы, хранящиеся на компьютере, которые создаются, когда пользователь посещает веб-сайты, чтобы сохранить необходимую ему информацию. Примерами могут быть Имя пользователя de.tails и информацию о корзине покупок из предыдущих посещений.


38. Что такое метод pop() в JavaScript?

Метод pop() аналогичен методу Shift(), но разница в том, что метод Shift работает в начале массива. Метод pop() удаляет последний элемент заданного массива и возвращает его. Затем изменяется массив, в котором он вызывается.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

var cloths = ["Shirt", "Pant", "TShirt"];
cloths.pop();
//Now cloth becomes Shirt,Pant

39. Имеет ли JavaScript область действия на концептуальном уровне?

Нет. JavaScript не имеет области действия на уровне понятий. Переменная, объявленная внутри функции, имеет область действия внутри функции.


40. Каковы недостатки использования InnerHTML в JavaScript?

Если вы используете InnerHTML в JavaScript, недостатком является

  • Контент заменяется везде
  • Мы не можем использовать его как «добавление к внутреннему HTML».
  • Даже если вы используете += например «innerHTML =innerHTML + 'html'», старое содержимое заменяется на html.
  • Весь контент InnerHTML анализируется повторно и разбивается на элементы. Поэтому это намного медленнее
  • InnerHTML не обеспечивает проверку, и поэтому мы потенциально можем вставить в документ действительный и неработающий HTML и сломать его.

41. Что такое операторы разрыва и продолжения?

Оператор Break выходит из текущего цикла.

Оператор continue продолжает работу со следующего оператора цикла.


42. Каковы две основные группы типов данных в JavaScript?

  • Они такие же примитивные
  • Типы ссылок

Примитивные типы — это числовые и логические типы данных. Ссылочные типы более удобныplex такие типы, как строки и даты.


43. Как можно создавать универсальные объекты?

Универсальные объекты могут быть созданы как:

var I = new object();

44. Для чего нужен тип оператора?

Typeof — оператор, используемый для возврата строкового описания типа переменной.


45. Какие ключевые слова используются для обработки исключений?

Try… Catch — наконец используется для обработки исключений в JavaScript.

Try{
    Code
}
Catch(exp){
    Code to throw an exception.
}
Finally{
    Code runs either it finishes successfully or after catch
}

46. ​​Какое ключевое слово используется для печати текста на экране?

Документ. Write («Добро пожаловать») используется для печати текста «Добро пожаловать» на экран.


47. Для чего нужна функция размытия?

Функция размытия используется для удаления фокуса с указанного объекта.


48. Что такое набор переменных?

При типизации переменной переменной присваивается номер, а затем той же переменной присваивается строка. Пример следующий:

i= 8;
i="john";

49. Как найти операционную систему на клиентской машине с помощью JavaScript?

"Навигатор. версия приложения используется для поиска имени операционной системы на клиентском компьютере.


50. Какие типы ошибок существуют в JavaScript?

Существует три типа ошибок:

  • Ошибки времени загрузки: ошибки, возникающие при загрузке веб-страницы, например неправильные синтаксические ошибки, называются ошибками времени загрузки и генерируют ошибки динамически.
  • Ошибки выполнения: ошибки, возникающие из-за неправильного использования команды внутри языка HTML.
  • Логические ошибки: Это ошибки, возникающие из-за неправильной логики, выполняемой функцией с другой операцией.

Вопросы для собеседования по JavaScript для 5-летнего опыта

51. Для чего используется метод Push в JavaScript?

Метод push используется для добавления или добавления одного или нескольких элементов в конец массива. Используя этот метод, мы можем добавить несколько элементов, передав несколько аргументов.


52. Что такое метод unshift в JavaScript?

Метод Unshift похож на метод push, который работает в начале массив. Этот метод используется для добавления одного или нескольких элементов в начало массива.


53. В чем разница между JavaScript и Jscript?

Оба почти похожи. Netscape и Jscript разрабатывают JavaScript был разработан Microsoft.


54. Как задаются свойства объекта?

Свойства присваиваются объектам нижеwing способ -

obj ["class"] = 12;
or
obj.class = 12;

55. Что такое «строгий режим» в JavaScript и как его включить?

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

Строгий режим можно включить, добавив над файлом строковый литерал «use strict». Это можно проиллюстрировать приведенным примером:

function myfunction() {
    "use strict;"
    var v = "This is a strict mode function";
}

56. Как получить статус ЧекаBox?

Статус можно получить следующим образом:

 alert(document.getElementById('checkbox1').checked); 

Если чекBox отмечено, это предупреждение вернет TRUE.


57. Как определить ОС клиентской машины?

Навигатор. Строку appVersion можно использовать для определения операционной системы на клиентском компьютере.


58. Что такое window.onload и onDocumentReady?

Функция загрузки не запускается до тех пор, пока не будет загружена вся информация на странице. Это приводит к существенной задержке перед выполнением любого кода.

onDocumentReady загружает код сразу после загрузки DOM. Это позволяет раннее манипулирование кодом.


59. Как замыкания работают в JavaScript?

Замыкание — это локально объявленная переменная, связанная с функцией, которая остается в памяти после возврата.

Например:

function greet(message) {
    console.log(message);
}
function greeter(name, age) {

    return name + " says howdy!! He is " + age + " years old";
}
// Generate the message
var message = greeter("James", 23);
// Pass it explicitly to greet
greet(message);
This function can be better represented by using closures
function greeter(name, age) {
    var message = name + " says howdy!! He is " + age + " years old";
    return function greet() {
        console.log(message);
    };
}
// Generate the closure
var JamesGreeter = greeter("James", 23);
// Use the closure
JamesGreeter();

60. Как можно добавить значение в массив?

Значение может быть добавлено в массив указанным способом:

 
arr[arr.length] = value; 

61. Что такое цикл for-in в Javascript?

Цикл for-in используется для перебора свойств объекта.

Синтаксис цикла for-in:

for (variable name in object){
    statement or block to execute
}

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


62. Каковы важные свойства анонимной функции в JavaScript?

Функция, объявленная без именованного идентификатора, называется анонимной функцией. Как правило, анонимная функция недоступна после ее объявления.

Объявление анонимной функции –

var anon = function() {
    alert('I am anonymous');
};
anon();

63. В чем разница между .call() и .apply()?

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

Основное различие между .call() и .apply() заключается в способе передачи аргументов функции. Их использование можно проиллюстрировать на приведенном примере.

var someObject = {
myProperty : 'Foo',

myMethod : function(prefix, postfix) {

    alert(prefix + this.myProperty + postfix);
}
};
someObject.myMethod('<', '>'); // alerts '<Foo>'
var someOtherObject  = {

    myProperty : 'Bar.'

};
someObject.myMethod.call(someOtherObject, '<', '>'); // alerts '<Bar>'

someObject.myMethod.apply(someOtherObject, ['<', '>']); // alerts '<Bar>'

64. Что такое всплытие событий?

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


65. Чувствителен ли JavaScript к регистру? Приведите ее пример.

Да, JavaScript чувствителен к регистру. Например, функция parseInt — это не то же самое, что функция Parseint.


66. Какие логические операторы можно использовать в JavaScript?

В JavaScript можно использовать оператор «И» (&&), оператор «ИЛИ» (||) и оператор «Не» (!).

*Операторы указаны без скобок.


67. Как можно перейти к конкретному кадру из гиперссылки в JavaScript?

Это можно сделать, включив в гиперссылку имя нужного кадра с помощью атрибута target.

<a href="/ru/newpage.htm" target="newframe">>New Page</a>

68. Какова роль операторов разрыва и продолжения?

Оператор Break используется для выхода из текущего цикла. Напротив, оператор continue продолжает текущий цикл с новым повторением.


69. Напишите, в чем разница между веб-садом и веб-фермой?

И веб-сад, и веб-ферма являются системами веб-хостинга. Единственное отличие состоит в том, что веб-сад — это установка, включающая множество процессоров на одном сервере. В то же время веб-ферма — это более крупная установка, использующая более одного сервера.


70. Как задаются свойства объекта?

Присвоение свойств объектам происходит так же, как присвоение значения переменной. Например, значение действия объекта формы назначается как «отправить» в следующем примере.wing способ – Документ. form.action="отправить"


71. Каков метод чтения и записи файла в JavaScript?

Это можно сделать, используя расширения JavaScript (запускаются из редактора JavaScript), например, для открытия файла –

 fh = fopen(getScriptPath(), 0);

72. Как DOM используется в JavaScript?

DOM означает объектную модель документа и отвечает за то, как различные объекты в документе взаимодействуют друг с другом. DOM необходим для разработки веб-страниц, которые включают в себя такие объекты, как абзацы, ссылки и т. д. Этими объектами можно управлять, включая такие действия, как добавление или удаление. DOM также необходим для добавления дополнительных возможностей на веб-страницу. Кроме того, использование API дает преимущество перед другими существующими моделями.


73. Как в JavaScript используются обработчики событий?

События — это действия, возникающие в результате таких действий, как нажатие ссылки или заполнение формы пользователем. Обработчик событий необходим для управления правильным выполнением всех этих событий. Обработчики событий являются дополнительным атрибутом объекта. Этот атрибут включает название события и действие, предпринятое в случае его возникновения.


74. Какова роль отложенных скриптов в JavaScript?

Анализ HTML-кода во время загрузки страницы по умолчанию приостанавливается до тех пор, пока выполнение скрипта не прекратится. Если сервер работает медленно или сценарий особенно тяжелый, веб-страница задерживается.

При использовании Deferred скрипты задерживают выполнение скрипта до момента запуска анализатора HTML. Это сокращает время загрузки веб-страниц, и они отображаются быстрее.


75. Каковы различные функциональные компоненты JavaScript?

Различные функциональные компоненты в JavaScript:

  • Первоклассные функции: Функции в JavaScript используются как первоклассные объекты. Обычно это означает, что эти функции могут передаваться в качестве аргументов другим функциям, возвращаться как значения из других функций, присваиваться переменным или храниться в структурах данных.
  • Вложенные функции: Функции, определенные внутри других функций, называются вложенными функциями. Они вызываются каждый раз, когда вызывается основная функция.

76. Напишите об ошибках, отображаемых в JavaScript?

JavaScript выдает сообщение, как будто он обнаружил ошибку. Признанные ошибки –

  • Ошибки во время загрузки: Ошибки, отображаемые во время загрузки страницы, учитываются в разделе «Ошибки во время загрузки». Использование неправильного синтаксиса приводит к возникновению этих ошибок и, таким образом, обнаруживается во время загрузки страницы.
  • Ошибки времени выполнения: Это ошибка, которая возникает во время работы программы. Например, недопустимые операции вызывают деление числа на ноль или доступ к несуществующей области памяти.
  • Логические ошибки: Это вызвано синтаксически правильным кодом, который не выполняет требуемую задачу — например, бесконечный цикл.

77. Что такое объекты экрана?

Экранные объекты используются для чтения информации с экрана клиента. Свойства экранных объектов:

  • AvailHeight: определяет высоту экрана клиента.
  • AvailWidth: дает ширину экрана клиента.
  • ColorDepth: определяет разрядность изображений на экране клиента.
  • Высота: дает общую высоту экрана клиента, включая панель задач.
  • Ширина: дает общую ширину экрана клиента, включая панель задач.

78. Что такое метод unshift()?

Этот метод работает в начале массива, в отличие от push(). Он добавляет желаемое количество элементов в начало массива. Например -

var name = [ "john" ];
name.unshift( "charlie" );
name.unshift( "joseph", "Jane" );
console.log(name);

Результат показан ниже:

[" joseph ,"," Jane ,", " charlie ", " john "]

79. Что такое функции unescape() и escape()?

Функция escape() отвечает за кодирование строки для передачи информации с одного компьютера на другой по сети.

Например:

<script>
document.write(escape("Hello? How are you!"));
</script>

Вывод: Hello%3F%20How%20are%20you%21

Функция unescape() очень важна, поскольку она декодирует закодированную строку.

Это работает в следующемwing способ. Например:

<script>
    document.write(unescape("Hello%3F%20How%20are%20you%21"));
</script>

Вывод: Привет? Как вы!


80. Что такое decodeURI() и encodeURI()?

EncodeURl() используется для преобразования URL-адресов в их шестнадцатеричное кодирование. А DecodeURI() используется для преобразования закодированного URL-адреса обратно в нормальный вид.

<script>
   var uri="my test.asp?name=ståle&car=saab";

   document.write(encodeURI(uri)+ "<br>");

    document.write(decodeURI(uri));
</script>

Вывод -

my%20test.asp?name=st%C3%A5le&car=saab

мой test.asp?name=ståle&car=saab


Вопросы для собеседования по JavaScript для людей с опытом работы более 10 лет

81. Почему не следует использовать InnerHTML в JavaScript?

Содержимое InnerHTML обновляется каждый раз и, следовательно, работает медленнее. В InternalHTML нет возможности проверки. Таким образом, легче вставить в документ мошеннический код и сделать веб-страницу нестабильной.


82. Что означает фоллоwing заявление объявить?

var myArray = [[[]]];

Он объявилares трехмерный массив.


83. Как связаны JavaScript и ECMA Script?

ECMA Script похож на правила и рекомендации, а Javascript — это язык сценариев, используемый для веб-разработки.


84. Что такое пространство имен в JavaScript и как оно используется?

Пространство имен используется для группировки нужных функций, переменных и т. д. под уникальным именем. Это имя, присвоенное нужным функциям, объектам и свойствам. Это улучшает модульность кодирования и позволяет повторно использовать код.


85. Как можно скрыть коды JavaScript от старых браузеров, не поддерживающих JavaScript?

Чтобы скрыть коды JavaScript из старых браузеров:

Добавлять " ярлык.

Добавьте «//–>» без кавычек в код непосредственно перед tag.

Старые браузеры теперь будут воспринимать этот код JavaScript как длинный комментарий HTML. Хотя браузер, поддерживающий JavaScript, примет « » в виде однострочных комментариев.


86. Как использовать цикл в JavaScript?

Циклы полезны, когда вы многократно выполняете одни и те же строки кода определенное количество раз или до тех пор, пока выполняется определенное условие. Предположим, вы хотите набрать на своей веб-странице сообщение «Привет» 100 раз. Конечно, вам придется 100 раз копировать и вставлять одну и ту же строку. Вместо этого, если вы используете циклы, вы можете выполнить эту задачу всего за 3 или 4 строки.


87. Как использовать циклы в Javascript?

В JavaScript существует в основном четыре типа циклов.

для цикла

for/in цикл (объяснение later)

в то время как цикл

делать… пока цикл

для цикла

Синтаксис:

for(statement1; statement2; statment3)
 
{
 
lines of code to be executed
 
}
  1. Оператор Statement1 выполняется первым, еще до выполнения кода цикла. Итак, этот оператор обычно используется для присвоения значений переменным, используемым внутри цикла.
  2. Оператор2 — это условие выполнения поиска.
  3. Оператор3 выполняется каждый раз после выполнения кода цикла.
<html>
<head>
    <script type="text/javascript">
        var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
        document.write("<b>Using for loops </b><br />");
        for (i=0;i<students.length;i++)
        {
        document.write(students[i] + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

в то время как цикл

Синтаксис:

while(condition)

{

lines of code to be executed

}

Цикл while выполняется до тех пор, пока заданное условие истинно. Внутри цикла while вы должны включить оператор, который завершит цикл в определенный момент времени. Другойwise, ваш цикл никогда не закончится, и ваш браузер может выйти из строя.

делать… пока цикл

Синтаксис:

<pre>
do

{

block of code to be executed

} while (condition)

Цикл do… while очень похож на цикл while. Единственное отличие состоит в том, что в цикле do… while блок кода выполняется один раз, даже до проверки условия.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

<html>
<head>
    <script type="text/javascript">
        document.write("<b>Using while loops </b><br />");
        var i = 0, j = 1, k;
        document.write("Fibonacci series less than 40<br />");
        while(i<40)
        {
            document.write(i + "<br />");
            k = i+j;
            i = j;
            j = k;
        }
    </script>
</head>
<body>
</body>
</html>

88. Какие важные методы массивов JavaScript объясняются на примерах?

Методы массива JavaScript

Объект Array имеет множество свойств и методов, которые помогают разработчикам легко и эффективно обрабатывать массивы. Вы можете получить значение свойства, указав имя_массива.свойство, а выходные данные метода, указав имя_массива.метод().

  • свойство длины -> Если вы хотите узнать количество элементов в массиве, вы можете использовать свойство length.
  • свойство прототипа -> Если вы хотите добавить новые свойства и методы, вы можете использовать свойство прототипа.
  • обратный метод -> Вы можете изменить порядок элементов в массиве, используя обратный метод.
  • метод сортировки -> Вы можете сортировать элементы массива, используя метод сортировки.
  • поп метод -> Вы можете удалить последний элемент массива, используя метод pop.
  • метод смены -> Вы можете удалить первый элемент массива, используя метод сдвига.
  • метод проталкивания -> Вы можете добавить значение в качестве последнего элемента массива.
<html>
<head>
    <title>Arrays!!!</title>
    <script type="text/javascript">
        var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
        Array.prototype.displayItems=function(){
            for (i=0;i<this.length;i++){
                document.write(this[i] + "<br />");
            }
        }    
        document.write("students array<br />");
        students.displayItems();
        document.write("<br />The number of items in students array is " + students.length + "<br />");
        document.write("<br />The SORTED students array<br />");
        students.sort();
        students.displayItems();
        document.write("<br />The REVERSED students array<br />");
        students.reverse();
        students.displayItems();
        document.write("<br />THE students array after REMOVING the LAST item<br />");
        students.pop();
        students.displayItems();
		document.write("<br />THE students array after PUSH<br />");
        students.push("New Stuff");
        students.displayItems();
    </script>
</head>
<body>
</body>
</html>

89. Что такое концепция OOPS в JavaScript?

Во многих случаях переменных или массивов недостаточно для моделирования реальных ситуаций. JavaScript позволяет создавать объекты, которые действуют как реальные объекты. Студент или дом могут быть объектом, имеющим множество уникальных характеристик. Вы можете создавать свойства и методы для своих объектов, чтобы упростить программирование. Если ваш объект — студент, он будет иметь такие свойства, как имя, фамилия, идентификатор и т. д., а также такие методы, как вычисление ранга, изменение адреса и т. д. Если ваш объект — дом, он будет иметь такие свойства, как количество комнаты, цвет краски, местоположение и т. д. Такие методы, как расчет площади, смена владельца и т. д.

Как создать объект

Вы можете создать такой объект:

var objName = new		Object();
objName.property1 = value1;
objName.property2 = value2;
objName.method1 = function()
{
line of code	
}

OR

var objName= {property1:value1, property2:value2, method1: function()

{ lines of code} };

90. Что такое цикл по свойствам объекта?

Цикл for/in обычно используется для перебора свойств объекта. Вы можете дать любое имя переменной, но имя объекта должно совпадать с именем уже существующего объекта, который вам нужно пройти.

Синтаксис:

for (variablename in objectname)

{

lines of code to be executed

}

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

<html>
<head>
    <script type="text/javascript">
        var employee={first:"John", last:"Doe", department:"Accounts"};
		var		details = "";
		document.write("<b>Using for/in loops </b><br />");
        for (var x in employee)
        {
		details = x + ": " + employee[x];
		document.write(details + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

91. Что такое модульное тестирование JavaScript и каковы проблемы при модульном тестировании JavaScript?

Модульное тестирование JavaScript — это метод тестирования, при котором JavaScript тестирует код, написанный для веб-страницы или модуля веб-приложения. Он сочетается с HTML как встроенный обработчик событий и выполняется в браузере, чтобы проверить, все ли функции работают нормально. Эти модульные тесты затем объединяются в набор тестов.

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

Проблемы модульного тестирования JavaScript:

Вот важные проблемы модульного тестирования JavaScript:

  • Многие другие языки поддерживают модульное тестирование в браузерах, как в стабильной, так и в среде выполнения, но JavaScript не может этого сделать.
  • Вы можете понять некоторые системные действия на других языках, но это не относится к JavaScript.
  • Некоторые сценарии JavaScript написаны для веб-приложений, которые могут иметь несколько зависимостей.
  • JavaScript лучше использовать в сочетании с HTML и CSS, а не в Интернете.
  • Трудности с рендерингом страниц и манипулированием DOM.
  • Иногда на экране появляется сообщение об ошибке «Невозможно загрузить example.js» или любая другая ошибка JavaScript, связанная с контролем версий. Эти уязвимости подпадают под модульное тестирование JavaScript.

Решения модульного тестирования JavaScript:

Чтобы избежать таких проблем, вы можете сделать следующее:

  • Не используйте глобальные переменные.
  • Не манипулируйте предопределенными объектами.
  • Проектируйте основные функции на основе библиотеки.
  • Попытайтесь создать небольшие функциональные возможности с меньшими зависимостями.

92. Каковы некоторые важные платформы модульного тестирования JavaScript?

Фоллоwing — это тщательно подобранный список популярных платформ и инструментов модульного тестирования JavaScript, которые широко используются:

Юнит.js: Она известна как библиотека утверждений с открытым исходным кодом, работающая в браузере и Node.js. Он чрезвычайно совместим с другими средами модульного тестирования JavaScript, такими как Mocha, Karma, Jasmine, QUnit, Protractor и т. д. Предоставляет полный документированный API списка утверждений.

QЕдиница: Он используется как для модульного тестирования JavaScript на стороне клиента, так и на стороне сервера. Эта бесплатная среда тестирования JavaScript используется для проектов jQuery. Он соответствует общей спецификации модульного тестирования JS для модульного тестирования в JavaScript. Он поддерживает график долгосрочной поддержки Node.

Жасмин: Jasmine — это управляемая поведением среда разработки для модульного тестирования JavaScript. Он используется для тестирования обоих syncхронический иsyncхронические коды JavaScript. Он не требует DOM и имеет простой синтаксис, который можно написать для любого теста.

Карма: Karma — это среда продуктивного тестирования с открытым исходным кодом. Простое управление рабочим процессом из командной строки. Предлагает свободу писать тесты с помощью Jasmine, Mocha и QUnit. Вы можете запустить тест на реальных устройствах с простой отладкой.

Мокко: Mocha работает на Node.js и в браузере. Мокко исполняетsyncхроническое тестирование проще. Обеспечивает точность и гибкость отчетности. Обеспечивает огромную поддержку богатых функций, таких как тайм-ауты для конкретных тестов, API-интерфейсы JavaScript.

Является: Facebook пока использует jest для тестирования всего кода JavaScript. Он обеспечивает «опыт тестирования с нулевой конфигурацией». Поддерживает независимое и непрерывное выполнение тестов без каких-либо конфликтов. Не требуется никакой другой конфигурации установки и библиотек.

АВА: AVA — это простая среда модульного тестирования JavaScript. Испытания проводятся параллельно и последовательно. Параллельные тесты выполняются, не прерывая друг друга. Эта среда тестирования поддерживаетsyncа также хроническое тестирование. AVA использует подпроцессы для запуска модульного теста JavaScript.


93. Что такое алгоритм быстрой сортировки в JavaScript?

Алгоритм быстрой сортировки следует принципу «разделяй и властвуй». Он делит элементы на более мелкие части на основе некоторых условий и выполняет определенные операции над этими разделенными меньшими частями.

Алгоритм быстрой сортировки — один из наиболее используемых и популярных алгоритмов на любом языке программирования. Если вы разработчик JavaScript, возможно, вы слышали о функции sort(), которая уже доступна в JavaScript. Тогда вы, возможно, задумались о том, зачем нужен этот алгоритм быстрой сортировки. Чтобы понять это, во-первых, нам нужно, что такое сортировка и какая сортировка по умолчанию в JavaScript.

Быстрая сортировка следует Разделяй и властвуй алгоритм. Он делит элементы на более мелкие части на основе некоторых условий и выполняет операции сортировки на этих разделенных более мелких частях. Следовательно, он хорошо работает для больших наборов данных. Итак, вот шаги, объясняющие, как работает быстрая сортировка, простыми словами.

  1. Сначала выберите элемент, который будет называться стержень элемент.
  2. Затем сравните все элементы массива с выбранным опорным элементом и расположите их так, чтобы остались элементы меньше, чем опорный элемент. Справа от него находится точка больше оси.
  3. Наконец, выполните те же операции с левым и правым боковыми элементами для поворотного элемента.

Итак, это основная схема быстрой сортировки. Вот шаги, которые необходимо выполнить один за другим для выполнения быстрой сортировки.


94.Как работает быстрая сортировка

Шаг 1) Сначала найдите "вращаться" элемент в массиве.

Шаг 2) Установите левый указатель на первый элемент массива.

Шаг 3) Наведите правый указатель на последний элемент массива.

Шаг 4) Сравните указание элемента с левым указателем и, если оно меньше опорного элемента, переместите левый указатель вправо (добавьте 1 к левому индексу). Продолжайте это до тех пор, пока левый боковой элемент не станет больше или равен опорному элементу.

Шаг 5) Сравните указание элемента с правым указателем. Если он больше, чем опорный элемент, переместите правый указатель влево (вычтите 1 из правого индекса). Продолжайте это до тех пор, пока правый элемент не станет меньше или равен опорному элементу.

Шаг 6) Проверьте, меньше ли левый указатель правого указателя или равен ему, а затем просмотрите элементы в местах расположения этих указателей.

Шаг 7) Увеличьте левый указатель и уменьшите правый указатель.

Шаг 8) Если индекс левого указателя все еще меньше индекса правого указателя, повторите процесс; иначе верните индекс левого указателя.

Итак, давайте посмотрим эти шаги на примере. Давайте рассмотрим массив элементов, который нам нужно отсортировать: [5,3,7,6,2,9].

Вот шаги для выполнения быстрой сортировки, которые показаны на примере [5,3,7,6,2,9].

ШАГ 1) Определите стержень как средний элемент. Так, 7 является поворотным элементом.

ШАГ 2) Начинайте левый и правый указатели как первый и последний элементы массива соответственно. Левый указатель указывает на 5 с индексом 0, а правый указатель указывает на 9 по индексу 5.

ШАГ 3) Сравните левый элемент указателя с элементом поворота, поскольку 5 < 6 сдвигает левый указатель вправо до индекса 1.

ШАГ 4) Теперь по-прежнему 3 <6, поэтому переместите левый указатель еще на один индекс вправо. Теперь 7 > 6 прекращает увеличивать левый указатель, и теперь левый указатель имеет индекс 2.

ШАГ 5) Теперь сравните значение правого указателя со значением поворотного элемента. Поскольку 9 > 6, переместите правый указатель влево. Теперь, поскольку 2 < 6, прекратите перемещать правый указатель.

ШАГ 6) Поменяйте местами оба значения, присутствующие в левом и правом указателях, друг с другом.

ШАГ 7) Переместите оба указателя еще на один шаг.

ШАГ 8) Поскольку 6 = 6, переместите указатели еще на один шаг и остановитесь, когда левый указатель пересекает правый указатель и возвращает индекс левого указателя.

Здесь, основываясь на описанном выше подходе, нам нужно написать код для замены элементов и разделения массива, как указано в предыдущих шагах.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

var items = [5,3,7,6,2,9];
function swap(items, leftIndex, rightIndex){
    var temp = items[leftIndex];
    items[leftIndex] = items[rightIndex];
    items[rightIndex] = temp;
}
function: partition(items, left, right) {
    var pivot   = items[Math.floor((right + left) / 2)], //middle element
        i       = left, //left pointer
        j       = right; //right pointer
    while (i <= j) {
        while (items[i] < pivot) {
            i++;
        }
        while (items[j] > pivot) {
            j--;
        }
        if (i <= j) {
            swap(items, i, j); //sawpping two elements
            i++;
            j--;
        }
    }
    return i;
}

function quickSort(items, left, right) {
    var index;
    if (items.length > 1) {
        index = partition(items, left, right); //index returned from partition
        if (left < index - 1) { //more elements on the left side of the pivot
            quickSort(items, left index - 1);
        }
        if (index < right) { //more elements on the right side of the pivot
            quickSort(items, index, right);
        }
    }
    return items;
}
// first call to quick sort
var sortedArray = quickSort(items, 0, items.length - 1);
console.log(sortedArray); //prints [2,3,5,6,7,9]

95. Что такое DOM в JavaScript?

JavaScript может получить доступ ко всем элементам веб-страницы, используя объектную модель документа (DOM). Веб-браузер создает DOM веб-страницы при ее загрузке.


96. Как использовать DOM и события?

Используя DOM, JavaScript может выполнять несколько задач. Он может создавать новые элементы и атрибуты, изменять существующие элементы и атрибуты и даже удалять существующие элементы и атрибуты. JavaScript также может реагировать на существующие события и создавать новые события на странице.

  1. getElementById, пример внутреннегоHTML
  2. getElementById: для доступа к элементам и атрибутам, идентификатор которых установлен.
  3. внутреннийHTML: для доступа к содержимому элемента.
<html>
<head>
    <title>DOM!!!</title>
</head>
<body>
  <h3 id="one">Welcome</h3>
  <p>This is the welcome message.</p>
  <h3>Technology</h3>
  <p>This is the technology section.</p>
  <script type="text/javascript">
        var text = document.getElementById("one").innerHTML;
        alert("The first heading is " + text);
  </script>
</body>
</html>

2.Пример getElementsByTagName

getElementsByTagName: для доступа к элементам и атрибутам с использованием имени тега. Этот метод вернет массив всех элементов с одинаковым именем тега.

<html>

<head>

    <title>DOM!!!</title>

</head>

<body>

  <h3>Welcome</h3>

  <p>This is the welcome message.</p>

  <h3>Technology</h3>

  <p id="second">This is the technology section.</p>

  <script type="text/javascript">

    var paragraphs = document.getElementsByTagName("p");

    alert("Content in the second paragraph is " + paragraphs[1].innerHTML);

    document.getElementById("second").innerHTML = "The orginal message is changed.";

  </script>

</body>

</html>

Пример обработчика событий

  1. createElement: Чтобы создать новый элемент
  2. RemoveChild: удалить элемент.
  3. вы можете добавить обработчик события к конкретному элементу, подобному этому
    document.getElementById(id).onclick=function()
        {
            lines of code to be executed
        }

OR

document.getElementById(id).addEventListener("click", functionname)

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

<html>
<head>
    <title>DOM!!!</title>
</head>
<body>
  <input type="button" id="btnClick" value="Click Me!!" />
  <script type="text/javascript">
    document.getElementById("btnClick").addEventListener("click", clicked);
    function clicked()
    {
            alert("You clicked me!!!");
    }    
  </script>
</body>
</html>

97. Что такое внешний JavaScript?

Вы планируете отображать текущую дату и время на всех своих веб-страницах. Предположим, вы написали код и скопировали его на все свои веб-страницы (скажем, на 100). Но later, вы хотите изменить формат отображения даты и времени. В этом случае вам придется внести изменения во все 100 веб-страниц. Это будет очень трудоемкая и трудная задача.

Итак, сохраните код JavaScript в новом файле с расширением .js. Затем добавьте на все ваши веб-страницы строку кода, указывающую на ваш файл .js, например:

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

Примечание: Предполагается, что файл .js и все ваши веб-страницы находятся в одной папке. Если файл external.js находится в другой папке, вам необходимо указать полный путь к файлу в атрибуте src.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

var currentDate = new Date();
var day = currentDate.getDate();
Var month = currentDate.getMonth() + 1;
var monthName;
var hours = currentDate.getHours(); 
var mins = currentDate.getMinutes(); 
var secs = currentDate.getSeconds(); 
var strToAppend;
It (hours >12 )
{
    hours1 = "0" + (hours - 12);
strToAppend = "PM";
}
else if (hours <12)
{
    hours1 = "0" + hours;
    strToAppend = "AM";
}
else
{
    hours1 = hours;
    strToAppend = "PM";
}
if(mins<10)
mins = "0" + mins;
if (secs<10)
    secs = "0" + secs;
switch (month)
{
    case 1:
        monthName = "January";
        break;
    case 2:
        monthName = "February";
        break;
    case 3:
        monthName = "March";
        break;
    case 4:
        monthName = "April";
        break;
    case 5:
        monthName = "May";
        break;
    case 6:
        monthName = "June";
        break;
    case 7:
        monthName = "July";
        break;
    case 8:
        monthName = "August";
        break;
    case 9:
        monthName = "September";
        break;
    case 10:
        monthName = "October";
        break;
    case 11:
        monthName = "November";
        break;
    case 12:
        monthName = "December";
        break;
}

var year = currentDate.getFullYear();
var myString;
myString = "Today is " + day +  " - " + monthName + " - " + year + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + ".";
document.write(myString);

98. Когда использовать внутренний и внешний код JavaScript?

Предположим, у вас есть всего несколько строк кода, специфичных для конкретной веб-страницы. В этом случае лучше хранить код JavaScript внутри HTML-документа.

С другой стороны, если ваш код JavaScript используется на многих веб-страницах, вам следует рассмотреть возможность хранения кода в отдельном файле. Если вы хотите внести некоторые изменения в свой код, вам придется изменить только один файл, что упрощает обслуживание кода. Если ваш код слишком длинный, лучше сохранить его в отдельном файле. Это помогает облегчить отладку.


99. Что такое файлы cookie в JavaScript?

Файл cookie — это часть данных, хранящаяся на вашем компьютере и доступная вашему браузеру. Возможно, вам также понравились преимущества файлов cookie.wingли или не знаюwingли. Вы когда-нибудь сохраняли свой пароль Facebook, чтобы вам не приходилось вводить его каждый раз, когда вы пытаетесь войти в систему? Если да, то вы используете файлы cookie. Файлы cookie сохраняются в виде пар ключ/значение.

Набор файлов cookie Javascript:

Вы можете создавать файлы cookie, используя document. свойство cookie, подобное этому.

document.cookie = "cookiename=cookievalue"

Вы даже можете добавить дату истечения срока действия вашего файла cookie, чтобы удалить конкретный файл cookie с компьютера в указанную дату. Дата истечения срока действия должна быть установлена ​​в формате UTC/GMT. Если вы не установите дату истечения срока действия, файл cookie будет удален, когда пользователь закроет браузер.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

Вы также можете установить домен и путь, чтобы указать, какому домену и каким каталогам в конкретном домене принадлежит файл cookie. По умолчанию файл cookie принадлежит странице, на которой установлен файл cookie.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/		

//создаем куки с доменом текущей страницы и путем ко всему домену.

JavaScript получить файл cookie

Вы можете получить доступ к файлу cookie следующим образом, который вернет все файлы cookie, сохраненные для текущего домена.

var x =  document.cookie

JavaScript удалить файл cookie

Чтобы удалить файл cookie, вам просто нужно установить для него пустое значение и установить значение expires на прошедшую дату.

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

<html>
<head>
    <title>Cookie!!!</title>
    <script type="text/javascript">
        function createCookie(cookieName,cookieValue,daysToExpire)
        {
          var date = new Date();
          date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
          document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
        }
        function accessCookie(cookieName)
        {
          var name = cookieName + "=";
          var allCookieArray = document.cookie.split(';');
          for(var i=0; i<allCookieArray.length; i++)
          {
            var temp = allCookieArray[i].trim();
            if (temp.indexOf(name)==0)
            return temp.substring(name.length,temp.length);
             }
            return "";
        }
        function checkCookie()
        {
          var user = accessCookie("testCookie");
          if (user!="")
            alert("Welcome Back " + user + "!!!");
          else
          {
            user = prompt("Please enter your name");
            num = prompt("How many days you want to store your name on your computer?");
            It (user!="" && user!=null)
            {
            createCookie("testCookie", user, num);
            }
          }
        }
    </script>
</head>
<body onload="checkCookie()"></body>
</html>

100. Приведите пример таблицы умножения JavaScript.

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

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

<html>
<head>
  <title>Multiplication Table</title>
  <script type="text/javascript">
    var rows = prompt("How many rows for your multiplication table?");
    var cols = prompt("How many columns for your multiplication table?");
    if(rows == "" || rows == null)
            rows = 10;
    if(cols== "" || cols== null)
            cols = 10;
    createTable(rows, cols);
    function createTable(rows, cols)
    {
      var j=1;
      var output = "<table border='1' width='500' cellspacing='0'cellpadding='5'>";
      for(i=1;i<=rows;i++)
      {
        output = output + "<tr>";
        while(j<=cols)
        {
            output = output + "<td>" + i*j + "</td>";
             j = j+1;
           }
            output = output + "</tr>";
            j = 1;
    }
    output = output + "</table>";
    document.write(output);
    }
  </script>
</head>
<body>
</body>
</html>

101. Объясните всплывающее сообщение на примере события

Отобразите простое сообщение «Добро пожаловать!!!» на вашей демонстрационной веб-странице, и когда пользователь наводит курсор на сообщение, должно отображаться всплывающее окно с сообщением «Добро пожаловать на мою веб-страницу!!!».

Это критически важно для анализа и выбора наиболее эффективных ключевых слов для улучшения рейтинга вашего сайта.

<html>
    <head>

    <title>Event!!!</title>

    <script type="text/javascript">

    function trigger()

    {

    document.getElementById("hover").addEventListener("mouseover", popup);

    function popup()

    {

    alert("Welcome to my WebPage!!!");

    }

    }

    </script>

    <style>

    p{
         font-size:50px;
         position: fixed;
         left: 550px;
         top: 300px;
    }
    </style>
    </head>
    <body  onload="trigger();">
    <p id="hover">Welcome!!!</p>
    </body>
    </html>		

Эти вопросы для собеседования также помогут вам в устной речи.