100 topo JavaPerguntas e respostas da entrevista de roteiro (2026)

Aqui estรฃo JavaPerguntas e respostas de entrevistas com roteiro para candidatos iniciantes e experientes para conseguir o emprego dos sonhos.

 

JavaRoteiro de perguntas da entrevista para calouros

1. O que รฉ JavaRoteiro?

JavaScript รฉ uma linguagem de script do lado do cliente muito poderosa. JavaO script รฉ usado principalmente para melhorar a interaรงรฃo de um usuรกrio com a pรกgina da web. Em outras palavras, vocรช pode tornar sua pรกgina da web mais animada e interativa, com a ajuda de JavaRoteiro. JavaO script tambรฉm estรก sendo amplamente utilizado no desenvolvimento de jogos e aplicativos mรณveis.

๐Ÿ‘‰ Download gratuito de PDF: JavaPerguntas e respostas da entrevista de roteiro >>


2. Enumere as diferenรงas entre Java e JavaRoteiro?

Java รฉ uma linguagem de programaรงรฃo completa. Em contraste, JavaScript รฉ um programa codificado que pode ser introduzido em pรกginas HTML. Essas duas linguagens nรฃo sรฃo de forma alguma interdependentes e sรฃo projetadas para diferentes propรณsitos. Java รฉ uma programaรงรฃo orientada a objetos (OOPS) ou linguagens de programaรงรฃo estruturada como C++ ou C, enquanto JavaScript รฉ uma linguagem de script do lado do cliente.


3. O que sรฃo JavaTipos de dados de script?

A seguir estรฃo os JavaTipos de dados do script:

  • Sessรฃo
  • Tanga
  • Booleano
  • objeto
  • Indefinido

4. Qual รฉ a utilidade da funรงรฃo isNaN?

A funรงรฃo isNan retorna verdadeiro se o argumento nรฃo for um nรบmero; caso contrรกrio, รฉ falso.


5. O que รฉ mais rรกpido entre JavaScript e um script ASP?

JavaO script รฉ mais rรกpido. JavaScript รฉ uma linguagem do lado do cliente, e, portanto, nรฃo precisa da assistรชncia do servidor web para ser executado. Por outro lado, ASP รฉ uma linguagem do lado do servidor e, portanto, รฉ sempre mais lento do que JavaRoteiro. Javascript now tambรฉm รฉ uma linguagem do lado do servidor (nodejs).


6. O que รฉ infinito negativo?

Infinito negativo รฉ um nรบmero em JavaScript que pode ser derivado dividindo um nรบmero negativo por zero.


7. ร‰ possรญvel quebrar JavaScript Code em vรกrias linhas?

A quebra de uma instruรงรฃo de string pode ser feita usando uma barra invertida, '\,' no final da primeira linha.

Exemplo:

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

E se vocรช mudar para uma nova linha quando nรฃo estiver dentro de uma instruรงรฃo de string, o JavaScript ignorarรก a quebra na linha.

Exemplo:

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

O cรณdigo acima รฉ perfeitamente adequado, embora nรฃo seja aconselhรกvel, pois dificulta a depuraรงรฃo.


8. Qual empresa desenvolveu JavaRoteiro?

Netscape รฉ a empresa de software que desenvolveu JavaRoteiro.


9. O que sรฃo variรกveis โ€‹โ€‹nรฃo declaradas e indefinidas?

Variรกveis โ€‹โ€‹nรฃo declaradas sรฃo aquelas que nรฃo existem em um programa e nรฃo sรฃo declaradas. Se o programa tentar ler o valor de uma variรกvel nรฃo declarada, serรก encontrado um erro de tempo de execuรงรฃo.

Variรกveis โ€‹โ€‹indefinidas sรฃo aquelas que sรฃo declaradas no programa, mas nรฃo recebem nenhum valor. Se o programa tentar ler o valor de uma variรกvel indefinida, um valor indefinido serรก retornado.


10. Escreva o cรณdigo para adicionar novos elementos dinamicamente?

<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. O que sรฃo variรกveis โ€‹โ€‹globais? Como essas variรกveis โ€‹โ€‹sรฃo declaradas?

Variรกveis โ€‹โ€‹globais estรฃo disponรญveis em todo o comprimento do cรณdigo para que ele nรฃo tenha escopo. A palavra-chave var รฉ usada para declarar uma variรกvel ou objeto local. Se a palavra-chave var for omitida, uma variรกvel global serรก declarada.

Exemplo:

// Declara um global: globalVariable = โ€œTestโ€;

Os problemas enfrentados pelo uso de variรกveis โ€‹โ€‹globais sรฃo o conflito de nomes de variรกveis โ€‹โ€‹de escopo local e global. Alรฉm disso, รฉ difรญcil depurar e testar o cรณdigo que depende de variรกveis โ€‹โ€‹globais.


12. O que รฉ uma caixa de aviso?

Uma caixa de prompt รฉ uma caixa que permite ao usuรกrio inserir informaรงรตes fornecendo uma caixa de texto. Uma etiqueta e uma caixa serรฃo fornecidas para inserir o texto ou nรบmero.


13. O que รฉ a palavra-chave 'this' em JavaRoteiro?

A palavra-chave 'This' refere-se ao objeto de onde foi chamada.


14. Qual รฉ o funcionamento dos temporizadores em JavaRoteiro?

Os temporizadores sรฃo usados โ€‹โ€‹para executar um trecho de cรณdigo em um horรกrio definido ou repetir o cรณdigo em um determinado intervalo. Isso รฉ feito usando as funรงรตes setTimeout, setInterval, e limparInterval.

O setTimeout(funรงรฃo, atraso) A funรงรฃo รฉ usada para iniciar um temporizador que chama uma funรงรฃo especรญfica apรณs o atraso mencionado. O setInterval(funรงรฃo, atraso) A funรงรฃo executa repetidamente a funรงรฃo fornecida no atraso mencionado e sรณ para quando cancelada. O limparInterval(id) funรงรฃo instrui o cronรดmetro a parar.

Os temporizadores sรฃo operados em um รบnico thread e, portanto, os eventos podem ficar na fila, aguardando para serem executados.


15. Qual sรญmbolo รฉ usado para comentรกrios em Javascript?

// para comentรกrios de linha รบnica e

/* Mรบltiplo

Line

Comentรกrio

*/


16. Qual รฉ a diferenรงa entre ViewState e SessionState?

  • 'ViewState' รฉ especรญfico para uma pรกgina em uma sessรฃo.
  • 'SessionState' รฉ especรญfico para dados especรญficos do usuรกrio que podem ser acessados โ€‹โ€‹em todas as pรกginas do aplicativo da web.

17. O que รฉ o operador ===?

=== รฉ chamado de operador de igualdade estrita, que retorna verdadeiro quando os dois operandos tรชm o mesmo valor sem conversรฃo.


18. Como vocรช pode enviar um formulรกrio usando JavaRoteiro?

Para enviar um formulรกrio usando JavaUso de script

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

19. faz JavaO script suporta conversรฃo automรกtica de tipo?

Sim, JavaO script suporta conversรฃo automรกtica de tipo. ร‰ a maneira comum de conversรฃo de tipo usada por JavaDesenvolvedores de scripts


20. Como alterar o estilo/classe de um elemento?

Isso pode ser feito da seguinte maneira:

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

or

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

21. Como ler e escrever um arquivo usando JavaRoteiro?

Existem duas maneiras de ler e escrever um arquivo usando JavaScript

  • Utilizar painรฉis de piso ResinDek em sua unidade de self-storage em vez de concreto oferece diversos benefรญcios: JavaExtensรตes de script
  • Usando uma pรกgina da web e objetos Active X

22. Quais sรฃo todos os banheiros?ping estruturas em JavaRoteiro?

A seguir estรฃo os banheirosping estruturas em Javascript:

  • Para
  • Embora o
  • Loops Do-while

23. O que รฉ chamado de tipo variรกvel?ping in Javascript?

Tipo variรกvelping รฉ usado para atribuir um nรบmero a uma variรกvel. A mesma variรกvel pode ser atribuรญda a uma string.

Exemplo:

i = 10;
i = "string;"

Isso รฉ chamado de tipo variรกvelping.


24. Como vocรช pode converter a string de qualquer base em um inteiro em JavaRoteiro?

A funรงรฃo parseInt() รฉ usada para converter nรบmeros entre diferentes bases. parseInt() usa a string a ser convertida como seu primeiro parรขmetro. O segundo parรขmetro รฉ a base da string fornecida.

Para converter 4F (ou base 16) em inteiro, o cรณdigo usado serรก โ€“

parseInt ("4F", 16);

25. Diferenรงa entre โ€œ==โ€ e โ€œ===โ€?

โ€œ==โ€ verifica apenas a igualdade de valor, enquanto โ€œ===โ€ รฉ um teste de igualdade mais rigoroso e retorna falso se o valor ou o tipo das duas variรกveis โ€‹โ€‹โ€‹โ€‹forem diferentes.


JavaPerguntas de entrevista de roteiro para experientes

26. Qual seria o resultado de 3+2+โ€7โ€ณ?

Como 3 e 2 sรฃo nรบmeros inteiros, eles serรฃo somados numericamente. E como 7 รฉ uma string, sua concatenaรงรฃo serรก feita. Entรฃo o resultado seria 57.


27. Como detectar o sistema operacional na mรกquina cliente?

Para detectar o sistema operacional na mรกquina cliente, o navegador. A string de plataforma (propriedade) deve ser usada.


28. O que vocรช quer dizer com NULL em Javascript?

O valor NULL รฉ usado para representar nenhum valor ou nenhum objeto. Nรฃo implica nenhum objeto ou string nula, nenhum valor booleano vรกlido, nenhum nรบmero e nenhum objeto de matriz.


29. Qual รฉ a funรงรฃo do operador delete?

A palavra-chave delete รฉ usada para excluir a propriedade e seu valor.

Exemplo

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

30. O que รฉ um valor indefinido em JavaRoteiro?

Valor indefinido significa o

  • A variรกvel usada no cรณdigo nรฃo existe
  • A variรกvel nรฃo estรก atribuรญda a nenhum valor
  • A propriedade nรฃo existe.

31. Quais sรฃo todos os tipos de caixas pop-up disponรญveis em JavaRoteiro?

  • Alertar
  • Confirme e
  • Prompt

32. Qual รฉ a utilidade de Void (0)?

Void(0) รฉ usado para evitar que a pรกgina seja atualizada e o parรขmetro โ€œzeroโ€ รฉ passado durante a chamada.

Void(0) รฉ usado para chamar outro mรฉtodo sem atualizar a pรกgina.


33. Como uma pรกgina pode ser forรงada a carregar outra pรกgina em JavaRoteiro?

O seguinte cรณdigo deve ser inserido para obter o efeito desejado:

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

34. Qual รฉ o tipo de dados das variรกveis โ€‹โ€‹em JavaRoteiro?

Todas as variรกveis โ€‹โ€‹em JavaScript sรฃo tipos de dados de objeto.


35. Qual รฉ a diferenรงa entre uma caixa de alerta e uma caixa de confirmaรงรฃo?

Uma caixa de alerta exibe apenas um botรฃo, que รฉ o botรฃo OK.

Mas uma caixa de confirmaรงรฃo exibe dois botรตes, nomeadamente OK e cancelar.


36. O que sรฃo caracteres de escape?

Caracteres de escape (barra invertida) sรฃo usados โ€‹โ€‹ao trabalhar com caracteres especiais, como aspas simples, aspas duplas, apรณstrofos e e comercial. Coloque uma barra invertida antes dos caracteres para exibi-la.

Exemplo:

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

37. O que sรฃo JavaCookies de script?

Cookies Sรฃo pequenos arquivos de texto armazenados em um computador, criados quando o usuรกrio visita sites para guardar informaรงรตes necessรกrias. Exemplos incluem detalhes do nome de usuรกrio e da loja.ping Informaรงรตes do carrinho de compras de visitas anteriores.


38. O que รฉ um mรฉtodo pop() em JavaO roteiro รฉ?

O mรฉtodo pop() รฉ semelhante ao mรฉtodo shift(), mas a diferenรงa รฉ que o Shift mรฉtodo funciona no inรญcio do array. O mรฉtodo pop() retira o รบltimo elemento do array fornecido e o retorna. A matriz na qual ele รฉ chamado รฉ entรฃo alterada.

Exemplo:

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

39. faz JavaO script tem escopo em nรญvel de conceito?

Nรฃo. JavaO script nรฃo tem escopo de nรญvel de conceito. A variรกvel declarada dentro da funรงรฃo tem escopo dentro da funรงรฃo.


40. Quais sรฃo as desvantagens de usar innerHTML em JavaRoteiro?

Se vocรช usar innerHTML em JavaScript, a desvantagem รฉ

  • O conteรบdo รฉ substituรญdo em todos os lugares
  • Nรฃo podemos usรก-lo como โ€œanexar ao innerHTML
  • Mesmo se vocรช usar +=like โ€œinnerHTML = innerHTML + 'html'โ€ ainda assim o conteรบdo antigo serรก substituรญdo por html
  • Todo o conteรบdo innerHTML รฉ analisado novamente e construรญdo em elementos. Portanto, รฉ muito mais lento
  • O innerHTML nรฃo fornece validaรงรฃo e, portanto, podemos potencialmente inserir HTML vรกlido e quebrado no documento e quebrรก-lo

41. O que sรฃo instruรงรตes break e continue?

A instruรงรฃo Break sai do loop atual.

A instruรงรฃo Continue continua com a prรณxima instruรงรฃo do loop.


42. Quais sรฃo os dois grupos bรกsicos de tipos de dados em JavaRoteiro?

  • Eles sรฃo tรฃo - Primitivos
  • Tipos de referรชncia

Os tipos primitivos sรฃo tipos de dados numรฉricos e booleanos. Os tipos de referรชncia sรฃo tipos mais complexos, como strings e datas.


43. Como podem ser criados objetos genรฉricos?

Objetos genรฉricos podem ser criados como:

var I = new object();

44. Qual a utilidade de um tipo de operador?

'Typeof' รฉ um operador usado para retornar uma descriรงรฃo de string do tipo de uma variรกvel.


45. Quais palavras-chave sรฃo usadas para lidar com exceรงรตes?

Tryโ€ฆ Catch โ€“ finalmente รฉ usado para lidar com exceรงรตes no JavaScript

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

46. โ€‹โ€‹Qual palavra-chave รฉ usada para imprimir o texto na tela?

Documento. Write (โ€œBem-vindoโ€) รฉ usado para imprimir o texto โ€“ Bem-vindo na tela.


47. Qual รฉ a utilidade da funรงรฃo de desfoque?

A funรงรฃo Blur รฉ usada para remover o foco do objeto especificado.


48. O que รฉ tipo variรกvel?ping?

Tipo variรกvelping Atribui um nรบmero a uma variรกvel e, em seguida, atribui uma string ร  mesma variรกvel. Um exemplo รฉ o seguinte:

i= 8;
i="john";

49. Como encontrar um sistema operacional na mรกquina cliente usando JavaRoteiro?

O 'Navegador. a versรฃo do aplicativo รฉ usada para encontrar o nome do sistema operacional na mรกquina cliente.


50. Quais sรฃo os diferentes tipos de erros em JavaRoteiro?

Existem trรชs tipos de erros:

  • Erros de tempo de carregamento: Erros que surgem ao carregar uma pรกgina da web, como erros de sintaxe imprรณprios, sรฃo conhecidos como erros de tempo de carregamento e geram os erros dinamicamente.
  • Erros de tempo de execuรงรฃo: Erros que surgem devido ao uso indevido do comando dentro da linguagem HTML.
  • Erros lรณgicos: Sรฃo os erros que ocorrem devido ร  lรณgica incorreta executada em uma funรงรฃo com operaรงรฃo diferente.

JavaPerguntas de entrevista de roteiro para 5 anos de experiรชncia

51. Qual รฉ a utilidade do mรฉtodo Push em JavaRoteiro?

O mรฉtodo push รฉ usado para adicionar ou anexar um ou mais elementos ao final de um Array. Usando este mรฉtodo, podemos acrescentar vรกrios elementos passando vรกrios argumentos.


52. O que รฉ o mรฉtodo unshift em JavaRoteiro?

O mรฉtodo Unshift รฉ como o mรฉtodo push, que funciona no inรญcio do ordem. Este mรฉtodo รฉ usado para acrescentar um ou mais elementos ao inรญcio do array.


53. Qual รฉ a diferenรงa entre JavaScript e Jscript?

Ambos sรฃo quase semelhantes. Desenvolvimento Netscape e Jscript JavaO script foi desenvolvido por Microsoft.


54. Como sรฃo atribuรญdas as propriedades dos objetos?

As propriedades sรฃo atribuรญdas aos objetos da seguinte maneira โ€“

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

55. O que รฉ o 'Modo Estrito em JavaScript, e como ele pode ser habilitado?

O Modo Estrito adiciona certas compulsรตes ao JavaRoteiro. Sob o Modo estrito, JavaO script mostra erros para um pedaรงo de cรณdigo, que nรฃo mostrou um erro antes, mas pode ser problemรกtico e potencialmente inseguro. O Modo Estrito tambรฉm resolve alguns erros que dificultam o JavaMecanismos de script nรฃo funcionam de forma eficiente.

O modo estrito pode ser ativado adicionando a string literal โ€œuse strictโ€ acima do arquivo. Isso pode ser ilustrado pelo exemplo dado:

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

56. Qual a forma de obter o status de um ChequeBox?

O status pode ser adquirido da seguinte forma โ€“

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

Se o chequeBox estiver marcado, este alerta retornarรก TRUE.


57. Como detectar o sistema operacional da mรกquina cliente?

O navegador. A string appVersion pode ser usada para detectar o sistema operacional na mรกquina cliente.


58. O que รฉ window.onload e onDocumentReady?

A funรงรฃo onload nรฃo รฉ executada atรฉ que todas as informaรงรตes da pรกgina sejam carregadas. Isso leva a um atraso substancial antes que qualquer cรณdigo seja executado.

onDocumentReady carrega o cรณdigo logo apรณs o carregamento do DOM. Isso permite a manipulaรงรฃo antecipada do cรณdigo.


59. Como funcionam os fechamentos em JavaRoteiro?

O encerramento รฉ uma variรกvel declarada localmente relacionada a uma funรงรฃo que permanece na memรณria quando retorna.

Por exemplo:

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. Como um valor pode ser anexado a um array?

Um valor pode ser anexado a um array da maneira fornecida โ€“

 
arr[arr.length] = value; 

61. O que รฉ loop for-in em Javascript?

O loop for-in รฉ usado para percorrer as propriedades de um objeto.

A sintaxe para o loop for-in รฉ โ€“

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

Em cada repetiรงรฃo, uma propriedade do objeto รฉ associada ao nome da variรกvel. O loop continua atรฉ que todas as propriedades do objeto sejam esgotadas.


62. Quais sรฃo as propriedades importantes de uma funรงรฃo anรดnima em JavaRoteiro?

Uma funรงรฃo declarada sem nenhum identificador nomeado รฉ conhecida como funรงรฃo anรดnima. Em geral, uma funรงรฃo anรดnima fica inacessรญvel apรณs sua declaraรงรฃo.

Declaraรงรฃo de funรงรฃo anรดnima โ€“

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

63. Qual รฉ a diferenรงa entre .call() e .apply()?

As funรงรตes .call() e .apply() sรฃo muito semelhantes em seu uso, exceto por uma pequena diferenรงa. .call() รฉ usado quando o nรบmero de argumentos da funรงรฃo รฉ conhecido pelo programador, pois eles devem ser mencionados como argumentos na instruรงรฃo de chamada. Por outro lado, .apply() รฉ usado quando o nรบmero nรฃo รฉ conhecido. A funรงรฃo .apply() espera que o argumento seja um array.

A diferenรงa bรกsica entre .call() e .apply() estรก na forma como os argumentos sรฃo passados โ€‹โ€‹para a funรงรฃo. Seu uso pode ser ilustrado pelo exemplo dado.

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. O que รฉ o evento borbulhando?

JavaO script permite que elementos DOM sejam aninhados uns dentro dos outros. Nesse caso, se o manipulador do filho for clicado, o manipulador do pai tambรฉm funcionarรก como se tivesse sido clicado tambรฉm.


65. ร‰ JavaScript sensรญvel a maiรบsculas e minรบsculas? Dรช um exemplo.

Sim, JavaO script diferencia maiรบsculas de minรบsculas. Por exemplo, uma funรงรฃo parseInt nรฃo รฉ a mesma que a funรงรฃo Parseint.


66. Quais operadores booleanos podem ser usados โ€‹โ€‹em JavaRoteiro?

O e' Operator (&&), 'Ou' Operator (||) e o 'Nรฃo' Operator (!) pode ser usado em JavaRoteiro.

*Operators estรฃo sem parรชnteses.


67. Como um determinado quadro pode ser direcionado, a partir de um hiperlink, em JavaRoteiro?

Isto pode ser feito incluindo o nome do quadro necessรกrio no hiperlink usando o atributo 'target'.

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

68. Qual รฉ a funรงรฃo das instruรงรตes break e continue?

A instruรงรฃo break รฉ usada para sair do loop atual. Por outro lado, a instruรงรฃo continue continua o loop atual com uma nova recorrรชncia.


69. Escreva qual รฉ a diferenรงa entre um web garden e um web farm?

Tanto o web-garden quanto o web-farm sรฃo sistemas de hospedagem na web. A รบnica diferenรงa รฉ que o web-garden รฉ uma configuraรงรฃo que inclui muitos processadores em um รบnico servidor. Ao mesmo tempo, web-farm รฉ uma configuraรงรฃo maior que usa mais de um servidor.


70. Como sรฃo atribuรญdas as propriedades dos objetos?

A atribuiรงรฃo de propriedades a objetos รฉ feita da mesma forma que um valor รฉ atribuรญdo a uma variรกvel. Por exemplo, o valor de aรงรฃo de um objeto de formulรกrio รฉ atribuรญdo como 'enviar' da seguinte maneira โ€“ Documento. form.action=โ€enviarโ€


71. Qual รฉ o mรฉtodo para ler e gravar um arquivo em JavaRoteiro?

Isso pode ser feito usando JavaExtensรตes de script (executa de JavaEditor de script), por exemplo, para abrir um arquivo โ€“

 fh = fopen(getScriptPath(), 0);

72. Como o DOM รฉ utilizado em JavaRoteiro?

DOM significa Modelo de Objeto de Documento e รฉ responsรกvel pela forma como os vรกrios objetos em um documento interagem entre si. O DOM รฉ necessรกrio para o desenvolvimento.ping Pรกginas web incluem objetos como parรกgrafos, links, etc. Esses objetos podem ser manipulados para realizar aรงรตes como adicionar ou excluir. O DOM tambรฉm รฉ necessรกrio para adicionar funcionalidades extras a uma pรกgina web. Alรฉm disso, o uso de APIs oferece uma vantagem em relaรงรฃo a outros modelos existentes.


73. Como os manipuladores de eventos sรฃo utilizados em JavaRoteiro?

Eventos sรฃo aรงรตes resultantes de atividades, como clicar em um link ou preencher um formulรกrio pelo usuรกrio. Um manipulador de eventos รฉ necessรกrio para gerenciar a execuรงรฃo adequada de todos esses eventos. Os manipuladores de eventos sรฃo um atributo extra do objeto. Este atributo inclui o nome do evento e a aรงรฃo tomada caso o evento ocorra.


74. Qual รฉ o papel dos scripts diferidos em JavaRoteiro?

A anรกlise do cรณdigo HTML durante o carregamento da pรกgina รฉ pausada por padrรฃo atรฉ que a execuรงรฃo do script pare. Se o servidor estiver lento ou o script for particularmente pesado, a pรกgina da web estarรก atrasada.

Ao usar Deferred, os scripts atrasam a execuรงรฃo do script atรฉ o momento em que o analisador HTML estรก em execuรงรฃo. Isso reduz o tempo de carregamento das pรกginas da web e elas sรฃo exibidas mais rapidamente.


75. Quais sรฃo os vรกrios componentes funcionais em JavaRoteiro?

Os diferentes componentes funcionais em JavaO script รฉ-

  • Funรงรตes de primeira classe: Funรงรตes em JavaScripts sรฃo utilizados como objetos de primeira classe. Isso geralmente significa que essas funรงรตes podem ser passadas como argumentos para outras funรงรตes, retornadas como valores de outras funรงรตes, atribuรญdas a variรกveis โ€‹โ€‹ou tambรฉm podem ser armazenadas em estruturas de dados.
  • Funรงรตes aninhadas: As funรงรตes, que sรฃo definidas dentro de outras funรงรตes, sรฃo chamadas de funรงรตes aninhadas. Eles sรฃo chamados 'toda vez que a funรงรฃo principal รฉ invocada.

76. Escreva sobre os erros mostrados em JavaRoteiro?

JavaO script dรก uma mensagem como se encontrasse um erro. Os erros reconhecidos sรฃo โ€“

  • Erros de tempo de carregamento: Os erros mostrados no momento do carregamento da pรกgina sรฃo contados em Erros no tempo de carregamento. O uso de sintaxe inadequada encontra esses erros e, portanto, รฉ detectado enquanto a pรกgina estรก sendo carregada.
  • Erros de tempo de execuรงรฃo: Este รฉ o erro que surge durante a execuรงรฃo do programa. Por exemplo, operaรงรตes ilegais provocam a divisรฃo de um nรบmero por zero ou acessam uma รกrea inexistente da memรณria.
  • Erros lรณgicos: ร‰ causado por cรณdigo sintaticamente correto, que nรฃo cumpre a tarefa exigida โ€“ por exemplo, um loop infinito.

77. O que sรฃo objetos de Tela?

Objetos de tela sรฃo utilizados para ler as informaรงรตes da tela do cliente. As propriedades dos objetos de tela sรฃo โ€“

  • AvailHeight: Fornece a altura da tela do cliente
  • AvailWidth: Fornece a largura da tela do cliente
  • ColorDepth: Fornece a profundidade de bits das imagens na tela do cliente
  • Altura: Fornece a altura total da tela do cliente, incluindo a barra de tarefas
  • Largura: Fornece a largura total da tela do cliente, incluindo a barra de tarefas

78. Qual รฉ o mรฉtodo unshift()?

Este mรฉtodo รฉ funcional no inรญcio do array, ao contrรกrio do push(). Ele adiciona o nรบmero desejado de elementos ao topo de um array. Por exemplo -

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

A saรญda รฉ mostrada abaixo:

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

79. O que sรฃo as funรงรตes unescape() e escape()?

A funรงรฃo escape() รฉ responsรกvel por codificar uma string para transferir as informaรงรตes de um computador para outro atravรฉs de uma rede.

Por exemplo:

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

Saรญda: Hello%3F%20How%20are%20you%21

A funรงรฃo unescape() รฉ muito importante porque decodifica a string codificada.

Funciona da seguinte maneira. Por exemplo:

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

Saรญda: Olรก? Como vai vocรช!


80. O que sรฃo decodeURI() e encodeURI()?

EncodeURl() รฉ usado para converter URL em seu cรณdigo hexadecimal. E DecodeURI() รฉ usado para converter o cรณdigo codificado. URL Tudo voltou ao normal.

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

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

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

Resultado -

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

meu teste.asp?name=stรฅle&car=saab


JavaPerguntas de entrevista de roteiro para mais de 10 anos de experiรชncia

81. Por que vocรช nรฃo deve usar innerHTML em JavaRoteiro?

O conteรบdo innerHTML รฉ atualizado sempre e, portanto, รฉ mais lento. Nรฃo hรก espaรงo para validaรงรฃo no innerHTML. Portanto, รฉ mais fรกcil inserir cรณdigo nรฃo autorizado no documento e tornar a pรกgina da web instรกvel.


82. O que declara a seguinte declaraรงรฃo?

var myArray = [[[]]];

Ele declara uma matriz tridimensional.


83. Como estรฃo JavaScript e ECMA Script relacionados?

O ECMA Script รฉ como regras e diretrizes, enquanto Javascript รฉ uma linguagem de script usada para desenvolvimento web.


84. O que รฉ namespace em JavaScript e como ele รฉ usado?

O espaรงamento de nomes รฉ usado para grupos.ping As funรงรตes, variรกveis, etc., desejadas, sรฃo agrupadas sob um nome รบnico. Trata-se de um nome atribuรญdo ร s funรงรตes, objetos e propriedades desejadas. Isso melhora a modularidade do cรณdigo e permite a reutilizaรงรฃo do mesmo.


85. Como posso JavaOs cรณdigos de script podem ser ocultados de navegadores antigos que nรฃo oferecem suporte JavaRoteiro?

Para se esconder JavaCรณdigos de script de navegadores antigos:

Adicionar " marcaรงรฃo.

Adicione โ€œ//โ€“>โ€ sem as aspas no cรณdigo logo antes do tag.

Navegadores antigos agora tratarรฃo isso JavaCรณdigo de script como um longo comentรกrio HTML. Enquanto um navegador que suporta JavaO script levarรก o โ€œ โ€ como comentรกrios de uma linha.


86. Como usar o Loop em JavaRoteiro?

Os loops sรฃo รบteis quando vocรช executa repetidamente as mesmas linhas de cรณdigo um nรบmero especรญfico de vezes ou enquanto uma condiรงรฃo especรญfica for verdadeira. Suponha que vocรช queira digitar uma mensagem โ€˜Olรกโ€™ 100 vezes em sua pรกgina da web. Claro, vocรช terรก que copiar e colar a mesma linha 100 vezes. Em vez disso, se vocรช usar loops, poderรก concluir esta tarefa em apenas 3 ou 4 linhas.


87. Como usar Loops em Javascript?

Existem basicamente quatro tipos de loops em JavaRoteiro.

para laรงo

for/em um loop (explicado mais tarde)

loop while

fazer ... loop while

para laรงo

Sintaxe:

for(statement1; statement2; statment3)
 
{
 
lines of code to be executed
 
}
  1. A instruรงรฃo 1 รฉ executada primeiro, mesmo antes da execuรงรฃo do loo.ping cรณdigo. Portanto, essa instruรงรฃo รฉ normalmente usada para atribuir valores a variรกveis โ€‹โ€‹usadas dentro do loop.
  2. A instruรงรฃo2 รฉ a condiรงรฃo para executar o laรงo.
  3. A instruรงรฃo3 รฉ executada sempre que o usuรกrio vai ao banheiro.ping O cรณdigo รฉ executado.
<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>

loop while

Sintaxe:

while(condition)

{

lines of code to be executed

}

O โ€œloop whileโ€ รฉ executado enquanto a condiรงรฃo especificada for verdadeira. Dentro do loop while, vocรช deve incluir a instruรงรฃo que encerrarรก o loop em algum momento. Caso contrรกrio, seu loop nunca terminarรก e seu navegador poderรก travar.

fazer ... loop while

Sintaxe:

<pre>
do

{

block of code to be executed

} while (condition)

O loop doโ€ฆwhile รฉ muito semelhante ao loop while. A รบnica diferenรงa รฉ que no loop doโ€ฆwhile, o bloco de cรณdigo รฉ executado uma vez antes mesmo de verificar a condiรงรฃo.

Exemplo:

<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. Quais sรฃo os importantes JavaMรฉtodo Script Array explicado com exemplo?

JavaMรฉtodos de matriz de script

O objeto Array possui muitas propriedades e mรฉtodos que ajudam os desenvolvedores a lidar com arrays de maneira fรกcil e eficiente. Vocรช pode obter o valor de uma propriedade especificando arrayname.property e a saรญda de um mรฉtodo especificando arrayname.method().

  • propriedade comprimento -> Se vocรช quiser saber o nรบmero de elementos em um array, vocรช pode usar a propriedade length.
  • propriedade de protรณtipo โ€“> Se vocรช deseja adicionar novas propriedades e mรฉtodos, vocรช pode usar a propriedade protรณtipo.
  • mรฉtodo reverso -> Vocรช pode reverter a ordem dos itens em uma matriz usando um mรฉtodo reverso.
  • mรฉtodo de classificaรงรฃo -> Vocรช pode classificar os itens em uma matriz usando o mรฉtodo sort.
  • mรฉtodo pop -> Vocรช pode remover o รบltimo item de um array usando um mรฉtodo pop.
  • mรฉtodo de mudanรงa -> Vocรช pode remover o primeiro item de um array usando o mรฉtodo shift.
  • mรฉtodo push -> Vocรช pode adicionar um valor como o รบltimo item do array.
<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. O que รฉ o conceito OOPS JavaRoteiro?

Muitas vezes, variรกveis โ€‹โ€‹ou arrays nรฃo sรฃo suficientes para simular situaรงรตes da vida real. JavaO script permite que vocรช crie objetos que agem como objetos da vida real. Um aluno ou uma casa pode ser um objeto que tem muitas caracterรญsticas รบnicas prรณprias. Vocรช pode criar propriedades e mรฉtodos para seus objetos para facilitar a programaรงรฃo. Se seu objeto for um aluno, ele terรก propriedades como o primeiro nome, sobrenome, id, etc., e mรฉtodos como calcular classificaรงรฃo, alterar endereรงo, etc. Se seu objeto for uma casa, ele terรก propriedades como nรบmero de cรดmodos, cor da tinta, localizaรงรฃo, etc. Os mรฉtodos como calcular รกrea, alterar proprietรกrio, etc.

Como criar um objeto

Vocรช pode criar um objeto como este:

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. O que รฉ loop pelas propriedades de um objeto?

O loop for/in geralmente รฉ usado para percorrer as propriedades de um objeto. Vocรช pode dar qualquer nome para a variรกvel, mas o nome do objeto deve ser o mesmo de um objeto jรก existente que vocรช precisa percorrer.

Sintaxe:

for (variablename in objectname)

{

lines of code to be executed

}

Exemplo:

<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. O que รฉ JavaTeste de unidade de script e quais sรฃo os desafios em JavaTeste de unidade de script?

JavaO teste de unidade de script รฉ um mรฉtodo de teste no qual JavaO script testa o cรณdigo escrito para uma pรกgina da web ou mรณdulo de aplicativo da web. Ele รฉ combinado com HTML como um manipulador de eventos inline e executado no navegador para testar se todas as funcionalidades funcionam bem. Esses testes de unidade sรฃo entรฃo organizados no conjunto de testes.

Cada suรญte contรฉm vรกrios testes projetados para serem executados em um mรณdulo separado. Mais importante ainda, eles nรฃo entram em conflito com nenhum outro mรณdulo e sรฃo executados com menos dependรชncias entre si (algumas situaรงรตes crรญticas podem causar dependรชncias).

Desafios de JavaTeste de unidade de script:

Aqui estรฃo desafios importantes de JavaTeste de unidade de script:

  • Muitas outras linguagens suportam testes unitรกrios em navegadores, tanto no ambiente estรกvel quanto no ambiente de execuรงรฃo, mas JavaO script nรฃo pode
  • Vocรช pode entender algumas aรงรตes do sistema com outras linguagens, mas este nรฃo รฉ o caso com JavaScript
  • Alguns JavaOs scripts sรฃo escritos para um aplicativo web que pode ter vรกrias dependรชncias.
  • JavaO script รฉ bom para usar em combinaรงรฃo com HTML e CSS em vez de na web
  • Dificuldades com renderizaรงรฃo de pรกginas e manipulaรงรฃo de DOM
  • ร€s vezes, vocรช encontra uma mensagem de erro na tela sobre 'Nรฃo foi possรญvel carregar example.js' ou qualquer outro JavaErro de script referente ao controle de versรฃo. Essas vulnerabilidades estรฃo sob Teste de Unidade JavaScript

Soluรงรตes de JavaTeste de unidade de script:

Para evitar tais problemas, o que vocรช pode fazer รฉ;

  • Nรฃo use variรกveis โ€‹โ€‹globais.
  • Nรฃo manipule objetos predefinidos.
  • Projete funcionalidades bรกsicas com base na biblioteca.
  • Tente criar pequenas funcionalidades com menos dependรชncias.

92. Quais sรฃo alguns importantes JavaEstruturas de teste de unidade de script?

A seguir estรก uma lista com curadoria de populares JavaEstruturas e ferramentas de teste de unidade de script amplamente utilizadas:

Unidade.js: ร‰ conhecida como uma biblioteca de asserรงรตes de cรณdigo aberto executada em navegador e Node.js. ร‰ extremamente compatรญvel com outros JavaFrameworks de teste de unidade de script como Mocha, Karma, Jasmine, QUnit, Protractor, etc. Fornece a API completa e documentada da lista de asserรงรตes.

QUnidade: ร‰ usado tanto para o lado do cliente quanto para o lado do servidor JavaTeste de Unidade de Script. Este Grรกtis JavaO framework de teste de script รฉ usado para projetos jQuery. Ele segue a especificaรงรฃo de teste de unidade Common JS para teste de unidade em JavaScript. Ele suporta o Cronograma de Suporte de Longo Prazo do Node.

Jasmim: Jasmine รฉ a estrutura de desenvolvimento orientada por comportamento para testes unitรกrios JavaScript. ร‰ usado para testar tanto sรญncronos quanto assรญncronos JavaCรณdigos de script. Nรฃo requer DOM e vem com uma sintaxe fรกcil que pode ser escrita para qualquer teste.

Carma: Karma รฉ um ambiente de teste produtivo de cรณdigo aberto. Controle fรกcil do fluxo de trabalho em execuรงรฃo na linha de comando. Oferece a liberdade de escrever testes com Jasmine, Mocha e QUnit. Vocรช pode executar o teste em dispositivos reais com depuraรงรฃo fรกcil.

Moca: O Mocha roda em Node.js e no navegador. O Mocha executa testes assรญncronos de forma mais simples. Fornece precisรฃo e flexibilidade em relatรณrios. Fornece tremendo suporte de recursos avanรงados, como tempos limite especรญficos de teste, JavaAPIs de script.

ร‰: O Facebook usa brincadeiras atรฉ agora para testar todos os JavaCรณdigo de script. Ele fornece a 'experiรชncia de teste de configuraรงรฃo zero'. Suporta testes de execuรงรฃo independentes e sem interrupรงรฃo, sem nenhum conflito. Nรฃo requer nenhuma outra configuraรงรฃo de instalaรงรฃo e bibliotecas.

AVA: AVA รฉ um simples JavaFramework de teste de unidade de script. Os testes estรฃo sendo executados em paralelo e serialmente. Os testes paralelos sรฃo executados sem interromper um ao outro. Este framework de teste tambรฉm suporta testes assรญncronos. O AVA usa subprocessos para executar o teste de unidade JavaRoteiro.


93. O que รฉ o algoritmo QuickSort JavaRoteiro?

O algoritmo Quick Sort segue a abordagem Divide and Conquer. Ele divide os elementos em partes menores com base em algumas condiรงรตes e realizando o tipo de operaรงรตes nessas partes menores divididas.

O algoritmo Quick Sort รฉ um dos algoritmos mais usados โ€‹โ€‹e populares em qualquer linguagem de programaรงรฃo. Se vocรช รฉ um JavaDesenvolvedor de scripts, vocรช pode ter ouvido falar de sort() que jรก estรก disponรญvel em JavaScript. Entรฃo, vocรช pode estar pensando sobre qual รฉ a necessidade desse algoritmo Quick Sort. Para entender isso, primeiro precisamos saber o que รฉ classificaรงรฃo e qual รฉ a classificaรงรฃo padrรฃo em JavaRoteiro.

Quicksort segue o Dividir e conquistar algoritmo. Ele divide os elementos em partes menores com base em algumas condiรงรตes e executa as operaรงรตes de classificaรงรฃo nessas partes menores divididas. Portanto, funciona bem para grandes conjuntos de dados. Entรฃo, aqui estรฃo as etapas de como o Quicksort funciona em palavras simples.

  1. Primeiro, selecione um elemento que serรก chamado de articulaรงรฃo elemento.
  2. Em seguida, compare todos os elementos da matriz com o elemento pivรด selecionado e organize-os de forma que restem elementos menores que o elemento pivรด. Maior que o pivรด estรก ร  sua direita.
  3. Por fim, execute as mesmas operaรงรตes nos elementos laterais esquerdo e direito do elemento pivรด.

Entรฃo, esse รฉ o esboรงo bรกsico do Quicksort. Aqui estรฃo as etapas que precisam ser seguidas uma por uma para realizar o Quicksort.


94.Como funciona o QuickSort

Passo 1) Primeiro, encontre o "Pivรด" elemento na matriz.

Passo 2) Inicie o ponteiro esquerdo no primeiro elemento da matriz.

Passo 3) Inicie o ponteiro direito no รบltimo elemento da matriz.

Passo 4) Compare o elemento que aponta com o ponteiro esquerdo e, se for menor que o elemento pivรด, mova o ponteiro esquerdo para a direita (adicione 1 ao รญndice esquerdo). Continue assim atรฉ que o elemento do lado esquerdo seja maior ou igual ao elemento pivรด.

Passo 5) Compare o elemento apontado com o ponteiro da direita. Se for maior que o elemento pivรด, mova o ponteiro da direita para a esquerda (substituiรงรฃo).tract 1 para o รญndice da direita). Continue isso atรฉ que o elemento do lado direito seja menor ou igual ao elemento pivรด.

Passo 6) Verifique se o ponteiro esquerdo รฉ menor ou igual ao ponteiro direito e, em seguida, veja os elementos nas localizaรงรตes desses ponteiros.

Passo 7) Aumente o ponteiro esquerdo e diminua o ponteiro direito.

Passo 8) Se o รญndice do ponteiro esquerdo ainda for menor que o รญndice do ponteiro direito, repita o processo; caso contrรกrio, retorne o รญndice do ponteiro esquerdo.

Trabalho de classificaรงรฃo rรกpida

Entรฃo, vamos ver essas etapas com um exemplo. Vamos considerar que uma matriz de elementos que precisamos classificar รฉ [5,3,7,6,2,9].

Aqui estรฃo as etapas para realizar a classificaรงรฃo rรกpida mostrada com um exemplo [5,3,7,6,2,9].

PASSO 1) Determine o pivรด como um elemento intermediรกrio. Entรฃo, 7 รฉ o elemento pivรด.

PASSO 2) Comece os ponteiros esquerdo e direito como o primeiro e o รบltimo elementos da matriz, respectivamente. O ponteiro esquerdo aponta para 5 no รญndice 0, e o ponteiro direito aponta para 9 no รญndice 5.

PASSO 3) Compare o elemento ponteiro esquerdo com o elemento pivรด, pois 5 <6 desloca o ponteiro esquerdo para a direita para o รญndice 1.

PASSO 4) Agora, ainda 3 <6, entรฃo mude o ponteiro esquerdo para mais um รญndice ร  direita. Agora 7 > 6 para de incrementar o ponteiro esquerdo, e agora o ponteiro esquerdo รฉ o รญndice 2.

PASSO 5) Agora, compare o valor no ponteiro direito com o elemento pivรด. Como 9 > 6, mova o ponteiro direito para a esquerda. Agora, como 2 <6, pare de mover o ponteiro para a direita.

PASSO 6) Troque os dois valores presentes nos ponteiros esquerdo e direito entre si.

PASSO 7) Mova os dois ponteiros mais um passo.

PASSO 8) Como 6 = 6, mova os ponteiros para mais uma etapa e pare quando o ponteiro esquerdo cruzar o ponteiro direito e retornar o รญndice do ponteiro esquerdo.

Aqui, com base na abordagem acima, precisamos escrever o cรณdigo para a troca.ping elementos e particionamento da matriz conforme mencionado nas etapas acima.

Exemplo:

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. O que รฉ DOM JavaRoteiro?

JavaO script pode acessar todos os elementos em uma pรกgina da web usando o Document Object Model (DOM). O navegador da web cria um DOM da pรกgina da web quando a pรกgina รฉ carregada.


96. Como usar DOM e eventos?

Usando DOM, JavaO script pode executar mรบltiplas tarefas. Ele pode criar novos elementos e atributos, alterar os elementos e atributos existentes e atรฉ mesmo remover elementos e atributos existentes. JavaO script tambรฉm pode reagir a eventos existentes e criar novos eventos na pรกgina.

  1. getElementById, exemplo innerHTML
  2. getElementById: Para acessar elementos e atributos cujo id estรก definido.
  3. innerHTML: Para acessar o conteรบdo de um elemento.
<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. Exemplo getElementsByTagName

getElementsByTagName: Para acessar elementos e atributos usando o nome da tag. Este mรฉtodo retornarรก um array de todos os itens com o mesmo nome de tag.

<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>

Exemplo de manipulador de eventos

  1. createElement: Para criar um novo elemento
  2. removeChild: remove um elemento
  3. vocรช pode adicionar um manipulador de eventos para um elemento especรญfico como este
    document.getElementById(id).onclick=function()
        {
            lines of code to be executed
        }

OR

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

Exemplo:

<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. O que รฉ externo JavaRoteiro?

Vocรช planeja exibir a data e hora atuais em todas as suas pรกginas da web. Suponha que vocรช escreveu o cรณdigo e o copiou para todas as suas pรกginas da web (digamos 100). Mais tarde, porรฉm, vocรช deseja alterar o formato em que a data ou hora รฉ exibida. Neste caso, vocรช terรก que fazer alteraรงรตes em todas as 100 pรกginas da web. Esta serรก uma tarefa muito demorada e difรญcil.

Entรฃo, salve o JavaCรณdigo de script em um novo arquivo com a extensรฃo .js. Entรฃo, adicione uma linha de cรณdigo em todas as suas pรกginas da web para apontar para seu arquivo .js como este:

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

Observaรงรฃo: Presume-se que o arquivo .js e todas as suas pรกginas da web estejam na mesma pasta. Se o arquivo external.js estiver em uma pasta diferente, vocรช precisarรก especificar o caminho completo do arquivo no atributo src.

Exemplo:

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. Quando usar interno e externo JavaScript Code?

Suponha que vocรช tenha apenas algumas linhas de cรณdigo especรญficas para uma pรกgina da web especรญfica. Nesse caso, รฉ melhor manter o seu JavaCรณdigo de script interno no seu documento HTML.

Por outro lado, se o seu JavaO cรณdigo de script รฉ usado em muitas pรกginas da web; vocรช deve considerar mantรช-lo.ping Mantenha seu cรณdigo em um arquivo separado. Se desejar fazer alteraรงรตes, vocรช sรณ precisa modificar um arquivo, facilitando a manutenรงรฃo. Se o seu cรณdigo for muito extenso, รฉ melhor mantรช-lo em um arquivo separado. Isso facilita a depuraรงรฃo.


99. O que sรฃo cookies JavaRoteiro?

Um cookie รฉ um dado armazenado no seu computador para ser acessado pelo seu navegador. Vocรช tambรฉm pode ter aproveitado os benefรญcios dos cookies, consciente ou inconscientemente. Vocรช jรก salvou sua senha do Facebook para nรฃo precisar digitรก-la toda vez que tentar fazer login? Se sim, entรฃo vocรช estรก usando cookies. Os cookies sรฃo salvos como pares chave/valor.

Javascript Conjunto de cookies:

Vocรช pode criar cookies usando document. propriedade de cookie como esta.

document.cookie = "cookiename=cookievalue"

Vocรช pode atรฉ adicionar uma data de validade ao seu cookie para removรช-lo do computador na data especificada. A data de vencimento deve ser definida no formato UTC/GMT. Se vocรช nรฃo definir a data de validade, o cookie serรก removido quando o usuรกrio fechar o navegador.

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

Vocรช tambรฉm pode definir o domรญnio e o caminho para especificar a qual domรญnio e a quais diretรณrios no domรญnio especรญfico o cookie pertence. Por padrรฃo, um cookie pertence ร  pรกgina que define o cookie.

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

//cria um cookie com um domรญnio para a pรกgina atual e um caminho para todo o domรญnio.

JavaScript obter Cookie

Vocรช pode acessar o Cookie desta forma, que retornarรก todos os cookies salvos para o domรญnio atual.

var x =  document.cookie

JavaScript Excluir Cookie

Para excluir um cookie, vocรช sรณ precisa definir o valor do cookie como vazio e definir o valor de expiraรงรฃo como uma data passada.

Exemplo:

<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. Dรช um exemplo de JavaTabela de multiplicaรงรฃo de scripts

Aqui estรฃo alguns exemplos de tabuada simples perguntando ao usuรกrio o nรบmero de linhas e colunas que ele deseja.

Exemplo:

<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. Explique a mensagem pop-up usando evento com exemplo

Exiba uma mensagem simples โ€œBem-vindo!!!โ€ na sua pรกgina de demonstraรงรฃo e quando o usuรกrio passar o mouse sobre a mensagem, um pop-up deverรก ser exibido com a mensagem โ€œBem-vindo ร  minha pรกgina!!!โ€.

Exemplo:

<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>		

Essas perguntas da entrevista tambรฉm ajudarรฃo em sua viva (oral)

Resuma esta postagem com: