Top 100 JavaScenarij Intervju Pitanja i odgovori (2026)

By: James Hartman James Hartman
Hours Aลพurirano

Ovdje su JavaSkriptirajte pitanja i odgovore za intervju za svjeลพije kao i iskusne kandidate da dobiju posao iz snova.

 

JavaPitanja za intervju za scenarij za brucoลกe

1. ล to je JavaSkripta?

JavaSkripta je vrlo moฤ‡an skriptni jezik na strani klijenta. JavaSkripta se uglavnom koristi za poboljลกanje interakcije korisnika s web stranicom. Drugim rijeฤima, svoju web stranicu moลพete uฤiniti ลพivahnijom i interaktivnijom uz pomoฤ‡ JavaSkripta. JavaSkripta se takoฤ‘er ลกiroko koristi u razvoju igara i razvoju mobilnih aplikacija.

๐Ÿ‘‰ Besplatno preuzimanje PDF-a: JavaPitanja i odgovori za intervju za scenarij >>

2. Nabroji razlike izmeฤ‘u Java i JavaSkripta?

Java je kompletan programski jezik. Nasuprot tome, JavaSkripta je kodirani program koji se moลพe uvesti u HTML stranice. Ova dva jezika uopฤ‡e nisu meฤ‘usobno ovisna i dizajnirana su za razliฤite svrhe. Java je objektno orijentirano programiranje (OOPS) ili strukturirani programski jezici poput C++ ili C, dok JavaScript je skriptni jezik na strani klijenta.

3. ลกto su JavaVrste podataka skripte?

Slijede JavaVrste podataka skripte:

  • Broj
  • Niz
  • Booleova
  • Objekt
  • Nedefiniran

4. ฤŒemu sluลพi isNaN funkcija?

isNan funkcija vraฤ‡a true ako argument nije broj; u suprotnom je laลพna.

5. ล to je brลพe izmeฤ‘u JavaSkripta i ASP skripta?

JavaSkripta je brลพa. JavaSkripta je jezik na strani klijenta i stoga ne treba pomoฤ‡ web posluลพitelja za izvoฤ‘enje. S druge strane, ASP je jezik posluลพitelja i stoga je uvijek sporiji od JavaSkripta. Javascript sada je takoฤ‘er jezik posluลพitelja (nodejs).

6. ล to je negativna beskonaฤnost?

Negativna beskonaฤnost je broj u JavaSkripta koja se moลพe izvesti dijeljenjem negativnog broja s nulom.

7. Je li moguฤ‡e razbiti JavaScript Code u nekoliko redaka?

Razdvajanje unutar naredbe niza moลพe se izvrลกiti koriลกtenjem obrnute kose crte, '\,' na kraju prvog retka.

Primjer:

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

A ako prijeฤ‘ete u novi redak kada niste unutar naredbe niza, tada javaScript ignorira prijelom u retku.

Primjer:

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

Gornji kรดd je sasvim u redu, iako nije preporuฤljiv jer ometa otklanjanje pogreลกaka.

POVEZANI ฤŒLANCI

8. Koja se tvrtka razvila JavaSkripta?

Netscape je softverska tvrtka koja je razvila JavaSkripta.

9. ล to su nedeklarisane i nedefinirane varijable?

Nedeklarisane varijable su one koje ne postoje u programu i nisu deklarirane. Ako program pokuลกa proฤitati vrijednost nedeklarisane varijable, dolazi do pogreลกke tijekom izvoฤ‘enja.

Nedefinirane varijable su one koje su deklarirane u programu, ali im nije dana nikakva vrijednost. Ako program pokuลกa proฤitati vrijednost nedefinirane varijable, vraฤ‡a se nedefinirana vrijednost.

10. Napiลกite kod za dinamiฤko dodavanje novih elemenata?

<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. ล to su globalne varijable? Kako se te varijable deklariraju?

Globalne varijable dostupne su kroz cijelu duljinu koda tako da on nema opseg. Kljuฤna rijeฤ var koristi se za deklariranje lokalne varijable ili objekta. Ako je kljuฤna rijeฤ var izostavljena, deklarira se globalna varijabla.

Primjer:

// Deklarirajte global: globalVariable = โ€œTestโ€;

Problemi s kojima se suoฤava koriลกtenje globalnih varijabli su sukob imena varijabli lokalnog i globalnog opsega. Takoฤ‘er, teลกko je debugirati i testirati kod koji se oslanja na globalne varijable.

12. ล to je prompt box?

Prompt okvir je okvir koji korisniku omoguฤ‡uje unos unosa pruลพanjem tekstualnog okvira. Prikazat ฤ‡e se oznaka i okvir za unos teksta ili broja.

13. U ฤemu je kljuฤna rijeฤ 'this' JavaSkripta?

Kljuฤna rijeฤ 'This' odnosi se na objekt odakle je pozvana.

14. U ฤemu je rad tajmera JavaSkripta?

Tajmeri se koriste za izvrลกavanje dijela koda u odreฤ‘eno vrijeme ili ponavljanje koda u zadanom intervalu. To se postiลพe koriลกtenjem funkcija setTimeout, setInterval, i clearInterval.

The setTimeout(funkcija, kaลกnjenje) koristi se za pokretanje mjeraฤa vremena koji poziva odreฤ‘enu funkciju nakon spomenute odgode. The setInterval(funkcija, kaลกnjenje) funkcija opetovano izvrลกava zadanu funkciju u navedenoj odgodi i zaustavlja se samo kada se otkaลพe. The clearInterval(id) funkcija nalaลพe mjeraฤu vremena da se zaustavi.

Odbrojavanjem se upravlja unutar jedne niti, pa se dogaฤ‘aji mogu staviti u red ฤekanja da budu izvrลกeni.

15. Koji se simbol koristi za komentare u Javascript?

// za komentare u jednom redu i

/* Viลกe

Linija

Komentar

*/

16. Koja je razlika izmeฤ‘u ViewState i SessionState?

  • 'ViewState' je specifiฤan za stranicu u sesiji.
  • 'SessionState' je specifiฤan za podatke specifiฤne za korisnika kojima se moลพe pristupiti na svim stranicama web aplikacije.

17. ล to je === operator?

=== naziva se striktni operator jednakosti, koji vraฤ‡a true kada dva operanda imaju istu vrijednost bez pretvorbe.

18. Kako moลพete poslati obrazac koristeฤ‡i JavaSkripta?

Za slanje obrasca pomoฤ‡u JavaUpotreba skripte

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

19. Da li JavaSkripta podrลพava automatsku pretvorbu tipa?

Da, JavaSkripta podrลพava automatsku konverziju tipa. To je uobiฤajeni naฤin pretvorbe tipa koji koristi JavaProgrameri skripti

20. Kako se moลพe promijeniti stil/klasa elementa?

To se moลพe uฤiniti na sljedeฤ‡i naฤin:

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

or

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

21. Kako ฤitati i pisati datoteku pomoฤ‡u JavaSkripta?

Postoje dva naฤina za ฤitanje i pisanje datoteke pomoฤ‡u JavaScript

  • Koriลกtenje JavaEkstenzije skripte
  • Koriลกtenje web stranice i Active X objekata

22. ล to su svi WC-iping strukture u JavaSkripta?

Slijede WC-iping strukture u Javascript:

  • Za
  • Dok su
  • Do-while petlje

23. ล to se naziva varijabilnom typing in Javascript?

Varijabilni typing koristi se za dodjeljivanje broja varijabli. Ista varijabla moลพe se dodijeliti nizu znakova.

Primjer:

i = 10;
i = "string;"

To se naziva varijabla typing.

24. Kako moลพete pretvoriti niz bilo koje baze u cijeli broj u JavaSkripta?

Funkcija parseInt() koristi se za pretvaranje brojeva izmeฤ‘u razliฤitih baza. parseInt() uzima niz koji treba pretvoriti kao svoj prvi parametar. Drugi parametar je baza zadanog niza.

Za pretvaranje 4F (ili baze 16) u cijeli broj, koriลกteni kod ฤ‡e biti โ€“

parseInt ("4F", 16);

25. Razlika izmeฤ‘u โ€œ==โ€ i โ€œ===โ€?

โ€œ==โ€ provjerava samo jednakost u vrijednosti, dok je โ€œ===โ€ stroลพi test jednakosti i vraฤ‡a false ako se vrijednost ili tip dviju varijabli razlikuju.

JavaPitanja za intervju za scenarij za iskusne

26. Koji bi bio rezultat 3+2+โ€7โ€?

Buduฤ‡i da su 3 i 2 cijeli brojevi, oni ฤ‡e se brojฤano zbrajati. A buduฤ‡i da je 7 niz, njegovo ulanฤavanje ฤ‡e biti uฤinjeno. Dakle, rezultat bi bio 57.

27. Kako otkriti operativni sustav na klijentskom raฤunalu?

Kako bi se otkrio operativni sustav na klijentskom stroju, navigator. Treba koristiti niz (svojstvo) platforme.

28. ล to mislite pod NULL u Javascript?

Vrijednost NULL koristi se da ne predstavlja nikakvu vrijednost ili objekt. To implicira da nema objekta ili nultog niza, nema vaลพeฤ‡e Booleove vrijednosti, nema broja niti objekta niza.

29. Koja je funkcija operatora za brisanje?

Kljuฤna rijeฤ delete koristi se za brisanje svojstva kao i njegove vrijednosti.

Primjer

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

30. ล to je nedefinirana vrijednost u JavaSkripta?

Nedefinirana vrijednost znaฤi

  • Varijabla koriลกtena u kodu ne postoji
  • Varijabli nije dodijeljena nijedna vrijednost
  • Imovina ne postoji.

31. Koje su sve vrste pop up okvira dostupne JavaSkripta?

  • Oprezan
  • Potvrdi i
  • Potaknuti

32. ฤŒemu sluลพi Void (0)?

Void(0) se koristi za sprjeฤavanje osvjeลพavanja stranice, a parametar "nula" se prosljeฤ‘uje tijekom poziva.

Void(0) se koristi za pozivanje druge metode bez osvjeลพavanja stranice.

33. Kako se stranica moลพe prisiliti da uฤita drugu stranicu JavaSkripta?

Za postizanje ลพeljenog uฤinka potrebno je umetnuti sljedeฤ‡i kod:

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

34. Koji je tip podataka varijabli u JavaSkripta?

Sve varijable u JavaSkripta su objektni tipovi podataka.

35. Koja je razlika izmeฤ‘u okvira s upozorenjem i okvira za potvrdu?

Okvir upozorenja prikazuje samo jedan gumb, a to je gumb OK.

Ali okvir za potvrdu prikazuje dva gumba, naime U redu i Odustani.

36. ล to su escape znakovi?

Izlazni znakovi (obrnuta kosa crta) koriste se pri radu s posebnim znakovima kao ลกto su jednostruki navodnici, dvostruki navodnici, apostrofi i ampersand. Stavite obrnutu kosu crtu ispred znakova kako bi se prikazao.

Primjer:

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

37. ลกto su JavaSkriptni kolaฤiฤ‡i?

Cookies su male testne datoteke pohranjene na raฤunalu, a stvaraju se kada korisnik posjeti web-stranice kako bi pohranile potrebne informacije. Primjeri mogu biti podaci korisniฤkog imena i trgovinaping informacije o koลกarici iz prethodnih posjeta.

38. Kakva pop()metoda u JavaSkripta je?

Metoda pop() sliฤna je metodi shift(), ali razlika je u tome ลกto Shift metoda radi na poฤetku niza. Metoda pop() uzima posljednji element iz danog niza i vraฤ‡a ga. Niz na kojem se poziva se zatim mijenja.

Primjer:

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

39. Da li JavaSkripta ima opseg na razini koncepta?

Ne. JavaSkripta nema opseg na razini koncepta. Varijabla deklarirana unutar funkcije ima opseg unutar funkcije.

40. Koji su nedostaci koriลกtenja innerHTML-a u JavaSkripta?

Ako koristite innerHTML in JavaSkripta, nedostatak je

  • Sadrลพaj se posvuda zamjenjuje
  • Ne moลพemo ga koristiti kao "dodavanje u innerHTML
  • ฤŒak i ako koristite +=kao โ€œinnerHTML = innerHTML + 'html'โ€ i dalje se stari sadrลพaj zamjenjuje html-om
  • Cijeli innerHTML sadrลพaj ponovno se analizira i ugraฤ‘uje u elemente. Stoga je puno sporiji
  • InnerHTML ne pruลพa provjeru valjanosti i stoga potencijalno moลพemo umetnuti vaลพeฤ‡i i pokvareni HTML u dokument i razbiti ga

41. ล to su break i continue izjave?

Naredba Break izlazi iz trenutne petlje.

Naredba Continue nastavlja se sa sljedeฤ‡om naredbom petlje.

42. Koje su dvije osnovne grupe tipova podataka u JavaSkripta?

  • Oni su kaoโ€”Primitivni
  • Referentne vrste

Primitivni tipovi su brojฤani i Boolean tipovi podataka. Referentni tipovi su sloลพeniji tipovi poput nizova i datuma.

43. Kako se mogu kreirati generiฤki objekti?

Generiฤki objekti mogu se kreirati kao:

var I = new object();

44. ฤŒemu sluลพi vrsta operatora?

'Typeof' je operator koji se koristi za vraฤ‡anje opisa niza tipa varijable.

45. Koje se kljuฤne rijeฤi koriste za rukovanje iznimkama?

Pokuลกajteโ€ฆ Catchโ€”finally se koristi za rukovanje iznimkama u JavaScript

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

46. โ€‹โ€‹Koja se kljuฤna rijeฤ koristi za ispis teksta na ekranu?

Dokument. Write (โ€œDobrodoลกliโ€) koristi se za ispis tekstaโ€“Dobrodoลกli na ekranu.

47. ฤŒemu sluลพi funkcija zamuฤ‡ivanja?

Funkcija zamuฤ‡ivanja koristi se za uklanjanje fokusa s navedenog objekta.

48. ล to je varijabla typing?

Varijabilni typing dodjeljuje broj varijabli, a zatim istoj varijabli dodjeljuje niz znakova. Primjer je sljedeฤ‡i:

i= 8;
i="john";

49. Kako pronaฤ‡i operativni sustav na klijentskom stroju pomoฤ‡u JavaSkripta?

The 'Navigator. verzija aplikacije koristi se za pronalaลพenje naziva operativnog sustava na klijentskom raฤunalu.

50. Koje su razliฤite vrste pogreลกaka u JavaSkripta?

Postoje tri vrste greลกaka:

  • Pogreลกke vremena uฤitavanja: Pogreลกke koje se pojavljuju prilikom uฤitavanja web-stranice, poput pogreลกaka nepravilne sintakse, poznate su kao pogreลกke vremena uฤitavanja i dinamiฤki generiraju pogreลกke.
  • Pogreลกke u izvoฤ‘enju: Greลกke koje dolaze zbog pogreลกne upotrebe naredbi unutar HTML jezika.
  • Logiฤke greลกke: Ovo su pogreลกke koje se javljaju zbog loลกe logike izvedene na funkciji s drugom operacijom.

JavaPitanja za intervju za scenarij za 5 godina iskustva

51. ฤŒemu sluลพi metoda Push u JavaSkripta?

Push metoda koristi se za dodavanje ili dodavanje jednog ili viลกe elemenata na kraj polja. Koristeฤ‡i ovu metodu, moลพemo dodati viลกe elemenata prosljeฤ‘ivanjem viลกe argumenata.

52. ล to je unshift metoda u JavaSkripta?

Unshift metoda je poput push metode, koja radi na poฤetku poredak. Ova se metoda koristi za dodavanje jednog ili viลกe elemenata na poฤetak niza.

53. Koja je razlika izmeฤ‘u JavaSkripta i Jscript?

Oba su gotovo sliฤna. Netscape i Jscript razvijaju se JavaSkriptu je razvio Microsoft.

54. Kako se dodjeljuju svojstva objekta?

Svojstva se dodjeljuju objektima na sljedeฤ‡i naฤin โ€“

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

55. ล to je 'Strogi naฤin rada u JavaSkripta, i kako se moลพe omoguฤ‡iti?

Strogi naฤin rada dodaje odreฤ‘ene prisile JavaSkripta. Pod strogim reลพimom, JavaSkripta prikazuje pogreลกke za dio koda koji prije nije pokazivao pogreลกku, ali bi mogao biti problematiฤan i potencijalno nesiguran. Strogi naฤin takoฤ‘er rjeลกava neke pogreลกke koje ometaju JavaSkriptirajte motore da ne rade uฤinkovito.

Strogi naฤin rada moลพe se omoguฤ‡iti dodavanjem literala niza "use strict" iznad datoteke. To se moลพe ilustrirati navedenim primjerom:

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

56. Kako dobiti status ฤŒekaBox?

Status se moลพe steฤ‡i na sljedeฤ‡i naฤin โ€“

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

Ako je ฤŒekBox je oznaฤeno, ovo upozorenje ฤ‡e vratiti TRUE.

57. Kako se moลพe otkriti OS klijentskog stroja?

Navigator. niz appVersion moลพe se koristiti za otkrivanje operativnog sustava na klijentskom raฤunalu.

58. ล to je window.onload i onDocumentReady?

Funkcija onload se ne pokreฤ‡e dok se ne uฤitaju sve informacije na stranici. To dovodi do znatnog kaลกnjenja prije nego ลกto se bilo koji kod izvrลกi.

onDocumentReady uฤitava kod odmah nakon ลกto se DOM uฤita. To omoguฤ‡uje ranu manipulaciju kodom.

59. Kako zatvaranja rade u JavaSkripta?

Zatvaranje je lokalno deklarirana varijabla povezana s funkcijom koja ostaje u memoriji kada se vrati.

Na primjer:

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. Kako se vrijednost moลพe dodati nizu?

Vrijednost se moลพe dodati nizu na zadani naฤin โ€“

 
arr[arr.length] = value;

61. ล to je for-in loop in Javascript?

For-in petlja se koristi za prolazak kroz svojstva objekta.

Sintaksa za for-in petlju je โ€“

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

U svakom ponavljanju, jedno svojstvo iz objekta povezano je s imenom varijable. Petlja se nastavlja dok se sva svojstva objekta ne potroลกe.

62. Koja su vaลพna svojstva anonimne funkcije u JavaSkripta?

Funkcija koja je deklarirana bez ikakvog imenovanog identifikatora poznata je kao anonimna funkcija. Opฤ‡enito, anonimna funkcija je nedostupna nakon svoje deklaracije.

Deklaracija anonimne funkcije โ€“

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

63. Koja je razlika izmeฤ‘u .call() i .apply()?

Funkcije .call() i .apply() vrlo su sliฤne u upotrebi osim male razlike. .call() se koristi kada je programeru poznat broj argumenata funkcije, buduฤ‡i da oni moraju biti spomenuti kao argumenti u izjavi poziva. S druge strane, .apply() se koristi kada broj nije poznat. Funkcija .apply() oฤekuje da argument bude niz.

Osnovna razlika izmeฤ‘u .call() i .apply() je u naฤinu na koji se argumenti prosljeฤ‘uju funkciji. Njihova uporaba moลพe se ilustrirati navedenim primjerom.

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. ล to je bubbling dogaฤ‘aja?

JavaSkripta omoguฤ‡uje DOM elementima da budu ugnijeลพฤ‘eni jedan u drugi. U tom sluฤaju, ako se klikne na rukovatelja djeteta, rukovatelj roditelja ฤ‡e takoฤ‘er raditi kao da je takoฤ‘er kliknuto.

65. Je li JavaSkripta osjetljiva na velika i mala slova? Navedite njegov primjer.

Da, JavaSkripta razlikuje velika i mala slova. Na primjer, funkcija parseInt nije isto ลกto i funkcija Parseint.

66. U kojim se booleovim operatorima mogu koristiti JavaSkripta?

'I' Operator (&&), 'Ili' Operator (||) i 'Ne' Operator (!) se moลพe koristiti u JavaSkripta.

*Operatorovi su bez zagrada.

67. Kako se odreฤ‘eni okvir moลพe ciljati, iz hiperveze, u JavaSkripta?

To se moลพe uฤiniti ukljuฤivanjem naziva potrebnog okvira u hipervezu pomoฤ‡u atributa 'target'.

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

68. Koja je uloga naredbi break i continue?

Naredba break se koristi za izlazak iz trenutne petlje. Nasuprot tome, naredba continue nastavlja trenutnu petlju s novim ponavljanjem.

69. Napiลกite razliku izmeฤ‘u web vrta i web farme?

I web-vrt i web-farma su sustavi web hostinga. Jedina je razlika u tome ลกto je web-vrt postavka koja ukljuฤuje mnogo procesora u jednom posluลพitelju. U isto vrijeme, web-farma je veฤ‡a postavka koja koristi viลกe od jednog posluลพitelja.

70. Kako se dodjeljuju svojstva objekta?

Dodjeljivanje svojstava objektima vrลกi se na isti naฤin kao ลกto se vrijednost dodjeljuje varijabli. Na primjer, vrijednost radnje objekta obrasca dodjeljuje se kao 'poลกalji' na sljedeฤ‡i naฤin โ€“ Dokument. form.action=โ€poลกaljiโ€

71. Koji je naฤin za ฤitanje i pisanje datoteke u JavaSkripta?

To se moลพe uฤiniti koriลกtenjem JavaProลกirenja skripte (pokreฤ‡e se iz JavaScript Editor), na primjer, za otvaranje datoteke โ€“

 fh = fopen(getScriptPath(), 0);

72. Kako se DOM koristi u JavaSkripta?

DOM je kratica za Document Object Model i odgovoran je za to kako razliฤiti objekti u dokumentu meฤ‘usobno djeluju. DOM je potreban za razvojping web stranice, ลกto ukljuฤuje objekte poput odlomaka, poveznica itd. Ovim se objektima moลพe upravljati tako da ukljuฤuju akcije poput dodavanja ili brisanja. DOM je takoฤ‘er potreban za dodavanje dodatnih moguฤ‡nosti web stranici. Osim toga, koriลกtenje API-ja daje prednost u odnosu na druge postojeฤ‡e modele.

73. Kako se rukovatelji dogaฤ‘ajima koriste u JavaSkripta?

Dogaฤ‘aji su radnje koje proizlaze iz aktivnosti, kao ลกto je klik na vezu ili ispunjavanje obrasca od strane korisnika. Za upravljanje ispravnim izvoฤ‘enjem svih tih dogaฤ‘aja potreban je rukovatelj dogaฤ‘ajima. Rukovatelji dogaฤ‘ajima dodatni su atribut objekta. Ovaj atribut ukljuฤuje naziv dogaฤ‘aja i radnju koja se poduzima ako se dogaฤ‘aj dogodi.

74. Koja je uloga odgoฤ‘enih skripti u JavaSkripta?

Raลกฤlanjivanje HTML koda tijekom uฤitavanja stranice je prema zadanim postavkama pauzirano sve dok skripta ne prestane s izvoฤ‘enjem. Ako je posluลพitelj spor ili je skripta posebno teลกka, web stranica kasni.

Dok koristite Deferred, skripte odgaฤ‘aju izvrลกenje skripte do vremena kada se HTML parser pokrene. To skraฤ‡uje vrijeme uฤitavanja web stranica i one se brลพe prikazuju.

75. Koje su razliฤite funkcionalne komponente u JavaSkripta?

Razliฤite funkcionalne komponente u JavaSkripte su-

  • Prvorazredne funkcije: Funkcije u JavaSkripte se koriste kao objekti prve klase. To obiฤno znaฤi da se te funkcije mogu proslijediti kao argumenti drugim funkcijama, vratiti kao vrijednosti iz drugih funkcija, dodijeliti varijablama ili se takoฤ‘er mogu pohraniti u podatkovne strukture.
  • Ugnijeลพฤ‘ene funkcije: Funkcije koje su definirane unutar drugih funkcija nazivaju se ugnijeลพฤ‘ene funkcije. Pozivaju se 'svaki put kada se pozove glavna funkcija.

76. Napiลกi pogreลกke prikazane u JavaSkripta?

JavaSkripta daje poruku kao da nailazi na pogreลกku. Prepoznate greลกke su โ€“

  • Pogreลกke vremena uฤitavanja: Pogreลกke prikazane u trenutku uฤitavanja stranice raฤunaju se pod Pogreลกke vremena uฤitavanja. Upotreba neispravne sintakse nailazi na te pogreลกke i stoga se otkriva dok se stranica uฤitava.
  • Pogreลกke u izvoฤ‘enju: Ovo je greลกka koja se pojavljuje dok program radi. Na primjer, nezakonite operacije uzrokuju dijeljenje broja s nulom ili pristup nepostojeฤ‡em podruฤju memorije.
  • Logiฤke pogreลกke: To je uzrokovano sintaktiฤki ispravnim kodom, koji ne ispunjava traลพeni zadatak - na primjer, beskonaฤna petlja.

77. ล to su zaslonski objekti?

Zaslonski objekti koriste se za ฤitanje informacija s klijentovog zaslona. Svojstva objekata na ekranu su โ€“

  • AvailHeight: Daje visinu klijentova zaslona
  • AvailWidth: daje ลกirinu klijentova zaslona
  • ColorDepth: Daje bitnu dubinu slika na klijentovom zaslonu
  • Visina: daje ukupnu visinu klijentova zaslona, โ€‹โ€‹ukljuฤujuฤ‡i programsku traku
  • ล irina: Daje ukupnu ลกirinu klijentova zaslona, โ€‹โ€‹ukljuฤujuฤ‡i programsku traku

78. ล to je metoda unshift()?

Ova metoda je funkcionalna na poฤetku niza, za razliku od push(). Dodaje ลพeljeni broj elemenata na vrh niza. Na primjer -

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

Ishod je prikazan u nastavku:

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

79. ล to su funkcije unescape() i escape()?

Funkcija escape () odgovorna je za kodiranje niza za prijenos informacija s jednog raฤunala na drugo preko mreลพe.

Na primjer:

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

Izlaz: Hello%3F%20How%20are%20you%21

Funkcija unescape() vrlo je vaลพna jer dekodira kodirani niz.

Djeluje na sljedeฤ‡i naฤin. Na primjer:

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

Izlaz: Zdravo? Kako si!

80. ล to su decodeURI() i encodeURI()?

EncodeURl() se koristi za pretvaranje URL u njihov heksadecimalni kod. A DecodeURI() se koristi za pretvaranje kodiranog URL natrag u normalu.

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

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

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

Izlaz -

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

moj test.asp?name=stรฅle&car=saab

JavaPitanja za intervju za scenarij za 10+ godina iskustva

81. Zaลกto ne biste trebali koristiti innerHTML u JavaSkripta?

innerHTML sadrลพaj se svaki put osvjeลพava i stoga je sporiji. U innerHTML-u nema prostora za provjeru valjanosti. Stoga je lakลกe umetnuti laลพni kod u dokument i uฤiniti web stranicu nestabilnom.

82. ล to izjavljuje sljedeฤ‡a izjava?

var myArray = [[[]]];

Deklarira trodimenzionalni niz.

83. Kako su JavaSkripta i ECMA skripta u vezi?

ECMA skripta je poput pravila i smjernica, dok Javascript je skriptni jezik koji se koristi za web razvoj.

84. ล to je imenski prostor u JavaSkripta, i kako se koristi?

Imenski prostor se koristi za grupuping ลพeljene funkcije, varijable itd. pod jedinstvenim imenom. To je ime koje je pridruลพeno ลพeljenim funkcijama, objektima i svojstvima. To poboljลกava modularnost u kodiranju i omoguฤ‡uje ponovnu upotrebu koda.

85. Kako moลพe JavaKodovi skripte biti skriveni od starih preglednika koji ne podrลพavaju JavaSkripta?

Za skrivanje JavaKodovi skripti iz starih preglednika:

Dodati " oznaฤiti.

Dodajte โ€œ//โ€“>โ€ bez navodnika u kod neposredno prije tag.

Stari preglednici sada ฤ‡e to rijeลกiti JavaSkriptni kod kao dugaฤak HTML komentar. Iako preglednik koji podrลพava JavaSkripta ฤ‡e uzeti " โ€ kao komentare u jednom retku.

86. Kako koristiti Loop in JavaSkripta?

Petlje su korisne kada opetovano izvrลกavate iste retke koda odreฤ‘eni broj puta ili sve dok je odreฤ‘eni uvjet istinit. Pretpostavimo da ลพelite 100 puta upisati poruku 'Hello' na svojoj web stranici. Naravno, morat ฤ‡ete kopirati i zalijepiti isti redak 100 puta. Umjesto toga, ako koristite petlje, ovaj zadatak moลพete dovrลกiti u samo 3 ili 4 retka.

87. Kako koristiti Loops in Javascript?

Uglavnom postoje ฤetiri vrste petlji JavaSkripta.

za petlju

za/u petlji (objaลกnjeno kasnije)

dok petlje

doโ€ฆwhile petlja

za petlju

Sintaksa:

for(statement1; statement2; statment3)
 
{
 
lines of code to be executed
 
}
  1. Naredba1 se izvrลกava prva, ฤak i prije izvrลกavanja naredbe looping kod. Dakle, ova se naredba obiฤno koristi za dodjeljivanje vrijednosti varijablama koriลกtenim unutar petlje.
  2. Izjava2 je uvjet za izvrลกenje petlja.
  3. Naredba3 se izvrลกava svaki put nakon loo-aping kod se izvrลกava.
<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>

dok petlje

Sintaksa:

while(condition)

{

lines of code to be executed

}

"While petlja" se izvrลกava sve dok je navedeni uvjet istinit. Unutar while petlje trebali biste ukljuฤiti naredbu koja ฤ‡e zavrลกiti petlju u nekom trenutku u vremenu. U suprotnom, vaลกa petlja nikada neฤ‡e zavrลกiti, a vaลก bi se preglednik mogao sruลกiti.

doโ€ฆwhile petlja

Sintaksa:

<pre>
do

{

block of code to be executed

} while (condition)

Doโ€ฆwhile petlja vrlo je sliฤna while petlji. Jedina je razlika u tome ลกto se u petlji doโ€ฆwhile blok koda izvrลกava jednom ฤak i prije provjere uvjeta.

Primjer:

<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. ล to su vaลพni JavaMetoda niza skripti objasniti na primjeru?

JavaMetode polja skripte

Objekt Array ima mnoga svojstva i metode koje programerima pomaลพu u lakom i uฤinkovitom rukovanju nizovima. Moลพete dobiti vrijednost svojstva navoฤ‘enjem arrayname.property i izlaz metode navoฤ‘enjem arrayname.method().

  • svojstvo duljine โ€“> Ako ลพelite znati broj elemenata u nizu, moลพete koristiti svojstvo length.
  • prototipsko svojstvo โ€“> Ako ลพelite dodati nova svojstva i metode, moลพete koristiti svojstvo prototipa.
  • obrnuta metoda โ€“> Moลพete obrnuti redoslijed stavki u nizu koristeฤ‡i obrnutu metodu.
  • naฤin sortiranja โ€“> Moลพete sortirati stavke u nizu pomoฤ‡u metode sortiranja.
  • pop metoda โ€“> Posljednju stavku niza moลพete ukloniti metodom pop.
  • metoda pomaka โ€“> Moลพete ukloniti prvu stavku niza pomoฤ‡u metode shift.
  • push metoda โ€“> Moลพete dodati vrijednost kao posljednju stavku niza.
<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. U ฤemu je OOPS koncept JavaSkripta?

Mnogo puta varijable ili nizovi nisu dovoljni za simulaciju situacija iz stvarnog ลพivota. JavaSkripta vam omoguฤ‡uje stvaranje objekata koji se ponaลกaju kao objekti iz stvarnog ลพivota. Uฤenik ili dom mogu biti objekt koji ima mnogo vlastitih jedinstvenih karakteristika. Moลพete stvoriti svojstva i metode za svoje objekte kako biste programiranje uฤinili lakลกim. Ako je vaลก objekt student, imat ฤ‡e svojstva poput imena, prezimena, ID-a itd. i metode poput izraฤunavanja ranga, promjene adrese itd. Ako je vaลก objekt dom, imat ฤ‡e svojstva poput broja sobe, boju boje, lokaciju itd. Metode poput izraฤuna povrลกine, promjene vlasnika itd.

Kako stvoriti objekt

Moลพete stvoriti objekt poput ovog:

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. ล to je petlja kroz svojstva objekta?

For/in petlja se obiฤno koristi za prolazak kroz svojstva objekta. Varijabli moลพete dati bilo koje ime, ali ime objekta mora biti isto kao i veฤ‡ postojeฤ‡eg objekta kroz koji morate proฤ‡i.

Sintaksa:

for (variablename in objectname)

{

lines of code to be executed

}

Primjer:

<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. ล to je JavaTestiranje jedinice skripte i koji su izazovi u JavaTestiranje jedinice skripte?

JavaScript Unit Testing je metoda testiranja u kojoj JavaSkripta testira kod napisan za web stranicu ili modul web aplikacije. Kombinira se s HTML-om kao ugraฤ‘enim rukovateljem dogaฤ‘aja i izvrลกava u pregledniku kako bi se testiralo rade li sve funkcije dobro. Ovi jediniฤni testovi se zatim organiziraju u testnom paketu.

Svaki paket sadrลพi nekoliko testova dizajniranih za izvoฤ‘enje za zasebni modul. ล to je najvaลพnije, nisu u sukobu ni s jednim drugim modulom i rade s manje meฤ‘usobnih ovisnosti (neke kritiฤne situacije mogu uzrokovati ovisnosti).

Izazovi od JavaTestiranje jedinice skripte:

Ovdje su vaลพni izazovi JavaTestiranje jedinice skripte:

  • Mnogi drugi jezici podrลพavaju jediniฤno testiranje u preglednicima, u stabilnom kao iu runtime okruลพenju, ali JavaSkripta ne moลพe
  • Moลพete razumjeti neke radnje sustava s drugim jezicima, ali to nije sluฤaj s JavaScript
  • Fotograf JavaSkripte su napisane za web aplikaciju koja moลพe imati viลกe ovisnosti.
  • JavaSkriptu je dobro koristiti u kombinaciji s HTML-om i CSS-om, a ne na webu
  • Poteลกkoฤ‡e s prikazom stranice i manipulacijom DOM-om
  • Ponekad na zaslonu pronaฤ‘ete poruku o pogreลกci u vezi s "Nije moguฤ‡e uฤitati example.js" ili bilo koju drugu JavaPogreลกka skripte u vezi s kontrolom verzija. Ove ranjivosti dolaze pod Unit Testing JavaScript

Rjeลกenja od JavaTestiranje jedinice skripte:

Kako biste izbjegli takve probleme, moลพete uฤiniti sljedeฤ‡e:

  • Nemojte koristiti globalne varijable.
  • Nemojte manipulirati unaprijed definiranim objektima.
  • Dizajnirajte osnovne funkcionalnosti temeljene na biblioteci.
  • Pokuลกajte stvoriti male dijelove funkcionalnosti s manjim ovisnostima.

92. ล to su neki vaลพni JavaOkviri za testiranje jedinice skripte?

Slijedi odabrani popis popularnih JavaOkviri i alati za testiranje jedinice skripte koji se ลกiroko koriste:

Jedinica.js: Poznata je kao knjiลพnica tvrdnji otvorenog koda koja radi u pregledniku i Node.js. Izuzetno je kompatibilan s drugim JavaOkviri za testiranje skripti kao ลกto su Mocha, Karma, Jasmine, QUnit, Protractor, itd. Pruลพa potpuno dokumentirani API popisa tvrdnji.

QUnit: Koristi se i za klijentsku i za posluลพiteljsku stranu JavaTestiranje jedinice skripte. Ovo besplatno JavaOkvir za testiranje skripte koristi se za jQuery projekte. Slijedi Common JS jediniฤnu specifikaciju za testiranje jedinice u JavaSkripta. Podrลพava Nodeov dugoroฤni raspored podrลกke.

Jasmin: Jasmine je razvojni okvir voฤ‘en ponaลกanjem za jediniฤno testiranje JavaSkripta. Koristi se za testiranje i sinkronih i asinkronih JavaSkriptni kodovi. Ne zahtijeva DOM i dolazi s jednostavnom sintaksom koja se moลพe napisati za bilo koji test.

Karma: Karma je otvoreno okruลพenje za produktivno testiranje. Jednostavna kontrola tijeka rada pomoฤ‡u naredbenog retka. Nudi slobodu pisanja testova uz Jasmine, Mocha i QUnit. Moลพete pokrenuti test na stvarnim ureฤ‘ajima uz jednostavno otklanjanje pogreลกaka.

Moka: Mocha radi na Node.js i u pregledniku. Mocha jednostavnije izvodi asinkrono testiranje. Pruลพa toฤnost i fleksibilnost u izvjeลกฤ‡ivanju. Pruลพa ogromnu podrลกku za bogate znaฤajke kao ลกto su vremensko ograniฤenje specifiฤno za testiranje, JavaAPI-ji za skripte.

ลกala: Facebook do sada koristi ลกalu kako bi testirao sve JavaKod skripte. Omoguฤ‡uje iskustvo testiranja bez konfiguracije. Podrลพava nezavisne i neprekinute testove bez ikakvih sukoba. Ne zahtijeva nikakvu drugu konfiguraciju postavljanja i biblioteke.

AVA: AVA je jednostavan JavaOkvir za testiranje jedinice skripte. Ispitivanja se izvode paralelno i serijski. Paralelni testovi rade bez prekidanja. Ovaj okvir za testiranje takoฤ‘er podrลพava asinkrono testiranje. AVA koristi potprocese za pokretanje jediniฤnog testa JavaSkripta.

93. ล to je QuickSort algoritam u JavaSkripta?

Algoritam za brzo sortiranje slijedi pristup Podijeli pa vladaj. Dijeli elemente na manje dijelove na temelju nekih uvjeta i obavlja neku vrstu operacija na tim podijeljenim manjim dijelovima.

Algoritam za brzo sortiranje jedan je od najฤeลกฤ‡e koriลกtenih i najpopularnijih algoritama u bilo kojem programskom jeziku. Ako ste a JavaProgrameru skripti, moลพda ste ฤuli za sort() koji je veฤ‡ dostupan u JavaSkripta. Tada ste moลพda razmiลกljali o tome koja je potreba za ovim algoritmom za brzo sortiranje. Da bismo ovo razumjeli, prvo trebamo ลกto je sortiranje i ลกto je zadano sortiranje JavaSkripta.

Quicksort slijedi Podijeli pa vladaj algoritam. Dijeli elemente na manje dijelove na temelju nekih uvjeta i izvodi operacije sortiranja na tim podijeljenim manjim dijelovima. Stoga dobro funkcionira za velike skupove podataka. Dakle, evo koraka kako Quicksort funkcionira jednostavnim rijeฤima.

  1. Prvo odaberite element koji ฤ‡e se zvati stoลพer element.
  2. Zatim usporedite sve elemente niza s odabranim zaokretnim elementom i rasporedite ih tako da ostanu elementi manji od zaokretnog elementa. Veฤ‡e od stoลพera nalazi se s njegove desne strane.
  3. Na kraju, izvedite iste operacije na elementima s lijeve i desne strane stoลพernog elementa.

Dakle, to je osnovni nacrt Quicksorta. Evo koraka koje je potrebno slijediti jedan po jedan za izvoฤ‘enje QuickSorta.

94.Kako radi QuickSort

Korak 1) Prvo, pronaฤ‘ite "stoลพer" element u nizu.

Korak 2) Pokrenite lijevi pokazivaฤ na prvom elementu niza.

Korak 3) Zapoฤnite desni pokazivaฤ na zadnjem elementu niza.

Korak 4) Usporedite element koji pokazuje s lijevim pokazivaฤem, a ako je manji od stoลพernog elementa, pomaknite lijevi pokazivaฤ udesno (dodajte 1 lijevom indeksu). Nastavite s tim dok lijevi boฤni element ne bude veฤ‡i ili jednak zakretnom elementu.

Korak 5) Usporedite element koji pokazuje s desnim pokazivaฤem. Ako je veฤ‡i od pivot elementa, pomaknite desni pokazivaฤ ulijevo (podtract 1 do desnog indeksa). Nastavite ovo sve dok element na desnoj strani ne bude manji ili jednak elementu pivot.

Korak 6) Provjerite je li lijevi pokazivaฤ manji ili jednak desnom pokazivaฤu, a zatim vidite elemente na mjestima tih pokazivaฤa.

Korak 7) Poveฤ‡ajte lijevi pokazivaฤ i smanjite desni pokazivaฤ.

Korak 8) Ako je indeks lijevog pokazivaฤa i dalje manji od indeksa desnog pokazivaฤa, ponovite postupak; inaฤe vraฤ‡a indeks lijevog pokazivaฤa.

QuickSort rad

Dakle, pogledajmo ove korake na primjeru. Razmotrimo niz elemenata koje trebamo sortirati [5,3,7,6,2,9].

Evo koraka za izvoฤ‘enje brzog sortiranja koji su prikazani s primjerom [5,3,7,6,2,9].

KORAK 1) Odrediti pivot kao srednji element. Tako, 7 je stoลพerni element.

KORAK 2) Zapoฤnite lijevi i desni pokazivaฤ kao prvi odnosno zadnji element niza. Lijevi pokazivaฤ pokazuje na 5 na indeksu 0, a desni pokazivaฤ na 9 na indeksu 5.

KORAK 3) Usporedite lijevi pokazivaฤ s elementom zakretanja, jer 5 < 6 pomiฤe lijevi pokazivaฤ udesno do indeksa 1.

KORAK 4) Sada, joลก uvijek 3 <6, pa pomaknite lijevi pokazivaฤ na joลก jedan indeks udesno. Sada 7 > 6 zaustavlja poveฤ‡anje lijevog pokazivaฤa i sada je lijevi pokazivaฤ indeks 2.

KORAK 5) Sada usporedite vrijednost na desnom pokazivaฤu s elementom zakretanja. Buduฤ‡i da je 9 > 6, pomaknite desni pokazivaฤ ulijevo. Sada, kako je 2 < 6, prestanite pomicati desni pokazivaฤ.

KORAK 6) Zamijenite obje vrijednosti prisutne na lijevom i desnom pokazivaฤu jedna s drugom.

KORAK 7) Pomaknite oba pokazivaฤa za joลก jedan korak.

KORAK 8) Buduฤ‡i da je 6 = 6, pomaknite pokazivaฤe na joลก jedan korak i zaustavite se kada lijevi pokazivaฤ prijeฤ‘e desni pokazivaฤ i vrati indeks lijevog pokazivaฤa.

Ovdje, na temelju gore navedenog pristupa, trebamo napisati kod za swapping elementi i particioniranje niza kao ลกto je spomenuto u gornjim koracima.

Primjer:

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. ล to je DOM u JavaSkripta?

JavaSkripta moลพe pristupiti svim elementima na web stranici koristeฤ‡i Document Object Model (DOM). Web preglednik stvara DOM web stranice kada se stranica uฤita.

96. Kako koristiti DOM i dogaฤ‘aje?

Koristeฤ‡i DOM, JavaSkripta moลพe obavljati viลกe zadataka. Moลพe stvarati nove elemente i atribute, mijenjati postojeฤ‡e elemente i atribute, pa ฤak i uklanjati postojeฤ‡e elemente i atribute. JavaSkripta takoฤ‘er moลพe reagirati na postojeฤ‡e dogaฤ‘aje i kreirati nove dogaฤ‘aje na stranici.

  1. getElementById, innerHTML Primjer
  2. getElementById: Za pristup elementima i atributima ฤiji je ID postavljen.
  3. innerHTML: Za pristup sadrลพaju elementa.
<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 primjer

getElementsByTagName: Za pristup elementima i atributima pomoฤ‡u naziva oznake. Ova metoda ฤ‡e vratiti niz svih stavki s istim nazivom oznake.

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

Primjer obraฤ‘ivaฤa dogaฤ‘aja

  1. createElement: Za stvaranje novog elementa
  2. removeChild: Ukloni element
  3. moลพete dodati rukovatelj dogaฤ‘ajima na odreฤ‘eni element kao ลกto je ovaj
    document.getElementById(id).onclick=function()
        {
            lines of code to be executed
        }

OR

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

Primjer:

<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. ล to je Vanjski JavaSkripta?

Planirate prikazati trenutni datum i vrijeme na svim svojim web stranicama. Pretpostavimo da ste napisali kรดd i kopirali ga na sve svoje web stranice (recimo 100). Ali kasnije ลพelite promijeniti format u kojem se prikazuju datum ili vrijeme. U ovom sluฤaju morat ฤ‡ete napraviti izmjene na svih 100 web stranica. To ฤ‡e biti dugotrajan i teลพak zadatak.

Dakle, spremite JavaKod skripte u novoj datoteci s nastavkom .js. Zatim dodajte redak koda na sve svoje web-stranice da ukazuje na vaลกu .js datoteku ovako:

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

Biljeลกka: Pretpostavlja se da su .js datoteka i sve vaลกe web stranice u istoj mapi. Ako se datoteka external.js nalazi u drugoj mapi, trebate navesti punu stazu svoje datoteke u atributu src.

Primjer:

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. Kada koristiti unutarnje i vanjske JavaScript Code?

Pretpostavimo da imate samo nekoliko redaka koda koji je specifiฤan za odreฤ‘enu web stranicu. U tom sluฤaju, bolje je zadrลพati svoje JavaKod skripte unutar vaลกeg HTML dokumenta.

S druge strane, ako vaลก JavaSkriptni kod se koristi na mnogim web stranicama, trebali biste uzeti u obzir daping svoj kod u zasebnoj datoteci. Ako ลพelite napraviti neke promjene u svom kodu, morate promijeniti samo jednu datoteku, ลกto olakลกava odrลพavanje koda. Ako je vaลก kod predug, bolje ga je drลพati u zasebnoj datoteci. To pomaลพe u jednostavnom otklanjanju pogreลกaka.

99. U ฤemu su kolaฤiฤ‡i JavaSkripta?

Kolaฤiฤ‡ je dio podataka pohranjen na vaลกem raฤunalu kojemu moลพe pristupiti vaลก preglednik. Takoฤ‘er ste mogli svjesno ili nesvjesno uลพivati โ€‹โ€‹u prednostima kolaฤiฤ‡a. Jeste li ikada spremili svoju lozinku za Facebook kako je ne biste morali upisivati โ€‹โ€‹svaki put kada se pokuลกate prijaviti? Ako da, onda koristite kolaฤiฤ‡e. Kolaฤiฤ‡i se spremaju kao parovi kljuฤ/vrijednost.

Javascript Set-Cookie:

Kolaฤiฤ‡e moลพete izraditi pomoฤ‡u dokumenta. svojstvo kolaฤiฤ‡a poput ovog.

document.cookie = "cookiename=cookievalue"

Moลพete ฤak dodati datum isteka svom kolaฤiฤ‡u kako biste odreฤ‘eni kolaฤiฤ‡ uklonili s raฤunala na navedeni datum. Datum isteka treba postaviti u UTC/GMT formatu. Ako ne postavite datum isteka, kolaฤiฤ‡ ฤ‡e biti uklonjen kada korisnik zatvori preglednik.

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

Takoฤ‘er moลพete postaviti domenu i stazu kako biste odredili kojoj domeni i kojim direktorijima u odreฤ‘enoj domeni kolaฤiฤ‡ pripada. Prema zadanim postavkama, kolaฤiฤ‡ pripada stranici koja postavlja kolaฤiฤ‡.

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

//stvori kolaฤiฤ‡ s domenom do trenutne stranice i stazom do cijele domene.

JavaSkripta get Cookie

Ovako moลพete pristupiti kolaฤiฤ‡u koji ฤ‡e vratiti sve kolaฤiฤ‡e spremljene za trenutnu domenu.

var x =  document.cookie

JavaSkripta Izbriลกi kolaฤiฤ‡

Da biste izbrisali kolaฤiฤ‡, trebate samo postaviti vrijednost kolaฤiฤ‡a na prazno i โ€‹โ€‹postaviti vrijednost istjeฤe na proลกli datum.

Primjer:

<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. Navedite primjer za JavaTablica mnoลพenja skripte

Ovdje je primjer jednostavne tablice mnoลพenja koja od korisnika traลพi broj redaka i stupaca koje ลพeli.

Primjer:

<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. Objasnite skoฤnu poruku koristeฤ‡i dogaฤ‘aj s primjerom

Prikaลพi jednostavnu poruku "Dobro doลกli!!!" na vaลกoj demo web stranici i kada korisnik prijeฤ‘e pokazivaฤem iznad poruke, trebao bi se prikazati skoฤni prozor s porukom "Dobrodoลกli na moju web stranicu!!!".

Primjer:

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

Ova pitanja za intervju takoฤ‘er ฤ‡e vam pomoฤ‡i u vaลกem ลพivotu

Saลพmite ovu objavu uz: