Top 100 JavaKäsikirjoitushaastattelun kysymyksiä ja vastauksia (2024)
JavaKäsikirjoitushaastattelukysymyksiä fuksilaisille
1. Mikä on JavaKäsikirjoitus?
JavaScript on erittäin tehokas asiakaspuolen komentosarjakieli. JavaKomentosarjaa käytetään pääasiassa parantamaan käyttäjän vuorovaikutusta verkkosivun kanssa. Toisin sanoen voit tehdä verkkosivustasi elävämmän ja vuorovaikutteisemman avulla JavaSkripti. JavaSkriptiä käytetään laajalti myös pelien ja mobiilisovellusten kehityksessä.
👉 Ilmainen PDF-lataus: JavaKäsikirjoitushaastattelun kysymykset ja vastaukset >>
2. Luettele erot Java ja JavaKäsikirjoitus?
Java on täydellinen ohjelmointikieli. Sitä vastoin JavaScript on koodattu ohjelma, joka voidaan tuoda HTML-sivuille. Nämä kaksi kieltä eivät ole lainkaan riippuvaisia toisistaan, ja ne on suunniteltu eri tarkoitukseen. Java on olio-ohjelmointi (OOPS) tai strukturoidut ohjelmointikielet, kuten C++ tai C, kun taas JavaKäsikirjoitus on asiakaspuolen skriptikieli.
3. Mitä ovat JavaKomentosarjan tietotyypit?
Seuraavat ovat JavaKomentosarjan tietotyypit:
- numero
- jono
- boolean
- objekti
- Määrittelemätön
4. Mitä hyötyä isNaN-funktiosta on?
isNan-funktio palauttaa tosi, jos argumentti ei ole numero; muuten se on väärä.
5. Kumpi on nopeampi välillä JavaKäsikirjoitus ja ASP-skripti?
JavaKäsikirjoitus on nopeampi. JavaKomentosarja on asiakaspuolen kieli, joten sen suorittaminen ei tarvitse verkkopalvelimen apua. Toisaalta ASP on palvelinpuolen kieli ja on siksi aina hitaampi kuin JavaSkripti. Javascript nyt on myös palvelinpuolen kieli (nodejs).
6. Mikä on negatiivinen ääretön?
Negatiivinen ääretön on luku tuumaa JavaKomentosarja, joka voidaan johtaa jakamalla negatiivinen luku nollalla.
7. Onko mahdollista rikkoa JavaKäsikirjoituskoodi usealle riville?
Merkkijonolauseen rikkominen voidaan tehdä käyttämällä kenoviivaa "\" ensimmäisen rivin lopussa.
Esimerkiksi:
document. Write ("This is \a program,");
Ja jos vaihdat uudelle riville, kun et sisällä merkkijonolauseketta, JavaScript ei huomioi rivinvaihtoa.
Esimerkiksi:
var x=1, y=2, z= x+y;
Yllä oleva koodi on täysin hyvä, vaikkakaan ei suositeltavaa, koska se haittaa virheenkorjausta.
8. Mikä yritys kehitti JavaKäsikirjoitus?
Netscape on ohjelmistoyritys, joka kehitti JavaSkripti.
9. Mitä ovat ilmoittamattomat ja määrittelemättömät muuttujat?
Ilmoittamattomat muuttujat ovat sellaisia, joita ei ole ohjelmassa ja joita ei ole ilmoitettu. Jos ohjelma yrittää lukea ilmoittamattoman muuttujan arvon, tapahtuu ajonaikainen virhe.
Määrittämättömät muuttujat ovat niitä, jotka on ilmoitettu ohjelmassa, mutta joille ei ole annettu arvoa. Jos ohjelma yrittää lukea määrittelemättömän muuttujan arvon, palautetaan määrittelemätön arvo.
10. Kirjoita koodi uusien elementtien dynaamiselle lisäämiselle?
<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. Mitä ovat globaalit muuttujat? Miten nämä muuttujat ilmoitetaan?
Globaalit muuttujat ovat saatavilla koko koodin pituuden ajan, joten sillä ei ole laajuutta. Var-avainsanaa käytetään paikallisen muuttujan tai objektin ilmoittamiseen. Jos avainsana var jätetään pois, globaali muuttuja ilmoitetaan.
Esimerkiksi:
// Ilmoita globaali: globalVariable = "Testaa";
Globaalien muuttujien käytön ongelmat ovat paikallisten ja globaalien muuttujien nimien törmäys. Lisäksi globaaleihin muuttujiin perustuvan koodin virheenkorjaus ja testaus on vaikeaa.
12. Mikä on kehotelaatikko?
Kehotusruutu on laatikko, jonka avulla käyttäjä voi syöttää tekstin. Tekstin tai numeron syöttämiseen tulee tarra ja laatikko.
13. Mitä tämä avainsana sisältää? JavaKäsikirjoitus?
'Tämä'-avainsana viittaa objektiin, josta se kutsuttiin.
14. Miten ajastimet toimivat? JavaKäsikirjoitus?
Ajastimia käytetään suorittamaan koodinpätkä määrättynä aikana tai toistamaan koodi tietyllä aikavälillä. Tämä tehdään käyttämällä toimintoja setTimeout, setInterval, ja clearInterval.
- setTimeout (toiminto, viive) -toimintoa käytetään käynnistämään ajastin, joka kutsuu tietyn toiminnon mainitun viiveen jälkeen. The setInterval(funktio, viive) toiminto suorittaa toistuvasti annetun toiminnon mainitulla viiveellä ja pysähtyy vain, kun se peruutetaan. The clearInterval(id) toiminto ohjeistaa ajastimen pysähtymään.
Ajastimet toimivat yhdessä säikeessä, joten tapahtumat voivat joutua odottamaan suorittamista.
15. Mitä symbolia käytetään kommenteissa Javascript?
// Yksirivisille kommenteille ja
/* Monia
linja
Kommentti
*/
16. Mitä eroa on ViewStaten ja SessionStaten välillä?
- ViewState on istunnon sivukohtainen.
- "SessionState" on käyttäjäkohtainen data, jota voidaan käyttää kaikilla verkkosovellussivuilla.
17. Mikä on ===-operaattori?
=== on nimeltään tiukka yhtäläisyysoperaattori, joka palauttaa tosi, kun kahdella operandilla on sama arvo ilman muuntamista.
18. Kuinka voit lähettää lomakkeen käyttämällä JavaKäsikirjoitus?
Voit lähettää lomakkeen käyttämällä JavaKäsikirjoituksen käyttö
document.form[0].submit(); document.form[0].submit();
19. Ei JavaScript tukee automaattista tyyppimuunnos?
Kyllä JavaSkripti tukee automaattista tyyppimuunnosa. Se on yleinen tapa tyypin muuntamiseen JavaKäsikirjoituksen kehittäjät
20. Miten elementin tyyliä/luokkaa voidaan muuttaa?
Se voidaan tehdä seuraavalla tavalla:
document.getElementById("myText"). style. fontSize = "20";
or
document. getElementById ("myText"). className = "anyclass";
21. Kuinka lukea ja kirjoittaa tiedostoa käyttämällä JavaKäsikirjoitus?
Tiedoston lukemiseen ja kirjoittamiseen on kaksi tapaa JavaKäsikirjoitus
- Käyttäminen JavaSkriptin laajennukset
- Web-sivun ja Active X -objektien käyttö
22. Missä kaikki silmukkarakenteet ovat JavaKäsikirjoitus?
Seuraavassa on silmukoita rakenteita Javascript:
- varten
- Vaikka
- Tee-while -silmukat
23. Mitä kutsutaan muuttujan kirjoittamiseksi Javascript?
Muuttujan kirjoittamista käytetään numeron määrittämiseen muuttujalle. Sama muuttuja voidaan määrittää merkkijonoon.
Esimerkiksi:
i = 10; i = "string;"
Tätä kutsutaan muuttujakirjoitukseksi.
24. Kuinka voit muuntaa minkä tahansa kantamerkin merkkijonon kokonaisluvuksi JavaKäsikirjoitus?
ParseInt()-funktiota käytetään lukujen muuntamiseen eri kantakohtien välillä. parseInt() ottaa muunnettavan merkkijonon ensimmäiseksi parametriksi. Toinen parametri on annetun merkkijonon kanta.
Muuntaaksesi 4F (tai kantaluvun 16) kokonaisluvuksi, käytetään koodia:
parseInt ("4F", 16);
25. Ero "==" ja "===" välillä?
"==" tarkistaa vain arvon yhtäläisyyden, kun taas "===" on tiukempi tasa-arvotesti ja palauttaa epätosi, jos joko arvo tai kahden muuttujan tyyppi ovat erilaiset.
JavaKäsikirjoitushaastattelukysymyksiä kokeneille
26. Mikä olisi 3+2+”7″:n tulos?
Koska 3 ja 2 ovat kokonaislukuja, ne lisätään numeerisesti. Ja koska 7 on merkkijono, sen ketjuttaminen tehdään. Tuloksena olisi siis 57.
27. Kuinka tunnistaa asiakaskoneen käyttöjärjestelmä?
Asiakaskoneen käyttöjärjestelmän havaitsemiseksi navigaattori. Alustan merkkijonoa (ominaisuus) tulee käyttää.
28. Mitä tarkoitat NULL-arvolla Javascript?
NULL-arvoa käytetään ilmaisemaan ei arvoa tai objektia. Se tarkoittaa, ettei objektia tai nollamerkkijonoa, ei kelvollista loogista arvoa, ei numeroa eikä taulukkoobjektia.
29. Mikä on delete-operaattorin tehtävä?
Poista-avainsanaa käytetään kiinteistön ja sen arvon poistamiseen.
esimerkki
var student= {age:20, batch:"ABC"}; Delete student. age;
30. Missä on määrittelemätön arvo JavaKäsikirjoitus?
Määrittelemätön arvo tarkoittaa
- Koodissa käytettyä muuttujaa ei ole olemassa
- Muuttujaa ei ole määritetty millekään arvolle
- Omaisuutta ei ole olemassa.
31. Minkä tyyppisiä ponnahdusikkunoita on saatavilla? JavaKäsikirjoitus?
- Hälytys
- Vahvista ja
- nopea
32. Mitä hyötyä Tyhjyydestä (0) on?
Void(0):a käytetään estämään sivua päivittymästä, ja parametri "nolla" välitetään kutsun aikana.
Void(0):a käytetään kutsumaan toista menetelmää sivua päivittämättä.
33. Kuinka sivu voidaan pakottaa lataamaan toinen sivu? JavaKäsikirjoitus?
Seuraava koodi on lisättävä halutun vaikutuksen saavuttamiseksi:
<script language="JavaScript" type="text/javascript" > <!-- location. href="https://www.guru99.com/javascript-interview-questions-answers.html"; //--></script>
34. Mikä on muuttujien tietotyyppi JavaKäsikirjoitus?
Kaikki muuttujat sisään JavaSkriptit ovat objektitietotyyppejä.
35. Mitä eroa on hälytyslaatikolla ja vahvistuslaatikolla?
Varoitusruudussa näkyy vain yksi painike, joka on OK-painike.
Mutta vahvistusruudussa on kaksi painiketta, nimittäin OK ja peruuta.
36. Mitä ovat pakomerkit?
Esc-merkkejä (kenoviivaa) käytetään, kun käytetään erikoismerkkejä, kuten lainausmerkkejä, kaksoislainausmerkkejä, heittomerkkejä ja et-merkkejä. Aseta kenoviiva merkkien eteen, jotta se näkyy.
Esimerkiksi:
document. write "I m a "good" boy." document. write "I m a \"good\" boy."
37. Mitä ovat JavaKäsikirjoitusevästeet?
Evästeet ovat pieniä testitiedostoja, jotka on tallennettu tietokoneeseen, ja ne luodaan, kun käyttäjä vierailee verkkosivustoilla tallentamassa tarvitsemaansa tietoa. Esimerkkejä voivat olla käyttäjänimen tiedot ja ostoskorin tiedot aiemmista käynneistä.
38. Mikä pop()-menetelmä JavaKäsikirjoitus on?
Pop()-menetelmä on samanlainen kuin shift()-menetelmä, mutta ero on siinä, että Shift menetelmä toimii taulukon alussa. Pop()-metodi poistaa annetusta taulukosta viimeisen elementin ja palauttaa sen. Taulukkoa, jossa sitä kutsutaan, muutetaan sitten.
Esimerkiksi:
var cloths = ["Shirt", "Pant", "TShirt"]; cloths.pop(); //Now cloth becomes Shirt,Pant
39. Ei JavaOnko skriptillä käsitetason laajuus?
Ei. JavaSkriptillä ei ole käsitetason laajuutta. Funktion sisällä ilmoitetulla muuttujalla on laajuus funktion sisällä.
40. Mitä haittoja innerHTML:n käyttämisessä on? JavaKäsikirjoitus?
Jos käytät innerHTML:ää JavaKäsikirjoitus, haittapuoli on
- Sisältö korvataan kaikkialla
- Emme voi käyttää sitä "innerHTML:n liittämisenä
- Vaikka käyttäisit +=kuten "innerHTML = innerHTML + 'html'", vanha sisältö korvataan silti html:llä
- Koko innerHTML-sisältö jäsennetään uudelleen ja rakennetaan elementeiksi. Siksi se on paljon hitaampaa
- InnerHTML ei tarjoa vahvistusta, joten voimme mahdollisesti lisätä kelvollisen ja rikkinäisen HTML-koodin dokumenttiin ja rikkoa sen
41. Mitä ovat katkaise ja jatka -lauseet?
Break-lause poistuu nykyisestä silmukasta.
Continue-lause jatkaa silmukan seuraavalla lauseella.
42. Mitkä ovat kaksi tietotyyppien perusryhmää JavaKäsikirjoitus?
- He ovat kuin – primitiivisiä
- Viitetyypit
Primitiivityypit ovat luku- ja Boolen tietotyypit. Viitetyypit ovat monimutkaisempia tyyppejä, kuten merkkijonot ja päivämäärät.
43. Kuinka yleisiä objekteja voidaan luoda?
Yleisiä objekteja voidaan luoda seuraavasti:
var I = new object();
44. Mitä hyötyä tietyntyyppisestä operaattorista on?
'Typeof' on operaattori, jota käytetään palauttamaan muuttujan tyypin merkkijonokuvaus.
45. Mitä avainsanoja käytetään poikkeuksien käsittelyyn?
Kokeile… Catch—vihdoin käytetään käsittelemään poikkeuksia JavaKäsikirjoitus
Try{ Code } Catch(exp){ Code to throw an exception. } Finally{ Code runs either it finishes successfully or after catch }
46. Millä avainsanalla teksti tulostetaan näytölle?
Asiakirja. Kirjoita ("Tervetuloa") käytetään tekstin tulostamiseen – Tervetuloa näytölle.
47. Mitä hyötyä hämärtymistoiminnosta on?
Sumennustoimintoa käytetään tarkennuksen poistamiseen määritetystä kohteesta.
48. Mitä muuttujatyypitys on?
Muuttujan kirjoittaminen määrittää muuttujalle numeron ja sitten merkkijonon samalle muuttujalle. Esimerkki on seuraava:
i= 8; i="john";
49. Käyttöjärjestelmän löytäminen asiakaskoneesta käyttämällä JavaKäsikirjoitus?
- "Navigaattori. sovellusversiota käytetään käyttöjärjestelmän nimen etsimiseen asiakaskoneelta.
50. Mitä erityyppisiä virheitä on? JavaKäsikirjoitus?
Virheitä on kolmenlaisia:
- Latausaikavirheet: Web-sivua ladattaessa ilmenevät virheet, kuten virheelliset syntaksivirheet, tunnetaan latausaikavirheinä ja ne synnyttävät virheet dynaamisesti.
- Ajonaikaiset virheet: Virheet, jotka johtuvat komennon väärinkäytöstä HTML-kielen sisällä.
- Loogisia virheitä: Nämä ovat virheitä, jotka johtuvat eri toiminnolla suoritetun toiminnon huonosta logiikasta.
JavaKäsikirjoitushaastattelukysymyksiä 5 vuoden kokemuksella
51. Mitä hyötyä Push-menetelmästä on? JavaKäsikirjoitus?
Push-menetelmää käytetään lisäämään tai liittämään yksi tai useampi elementti Array-päähän. Tällä menetelmällä voimme liittää useita elementtejä välittämällä useita argumentteja.
52. Missä unshift-menetelmä on JavaKäsikirjoitus?
Unshift-menetelmä on kuin push-menetelmä, joka toimii alussa ryhmä. Tätä menetelmää käytetään lisäämään yksi tai useampi elementti taulukon alkuun.
53. Mitä eroa on JavaScript ja Jscript?
Molemmat ovat melkein samanlaisia. Netscape ja Jscript kehittyvät JavaKäsikirjoituksen on kehittänyt Microsoft.
54. Miten objektin ominaisuudet määritetään?
Ominaisuudet määritetään objekteille seuraavasti:
obj ["class"] = 12; or obj.class = 12;
55. Missä 'Strict Mode' on? JavaScript, ja miten se voidaan ottaa käyttöön?
Tiukka tila lisää tiettyjä pakotteita JavaKäsikirjoitus. Tiukan tilan alla, JavaKomentosarja näyttää virheitä koodinpätkälle, joka ei näyttänyt aiemmin virhettä, mutta saattaa olla ongelmallinen ja mahdollisesti vaarallinen. Tiukka tila ratkaisee myös joitain virheitä, jotka haittaavat JavaKäsikirjoitusmoottorit eivät toimi tehokkaasti.
Tiukka tila voidaan ottaa käyttöön lisäämällä merkkijono "use strict" tiedoston yläpuolelle. Tätä voidaan havainnollistaa annetulla esimerkillä:
function myfunction() { "use strict;" var v = "This is a strict mode function"; }
56. Mikä on tapa saada sekin tilaBox?
Status voidaan hankkia seuraavasti:
alert(document.getElementById('checkbox1').checked);
Jos TarkistaBox on valittuna, tämä hälytys palauttaa TOSI.
57. Miten asiakaskoneen käyttöjärjestelmä voidaan tunnistaa?
Navigaattori. appVersion-merkkijonoa voidaan käyttää asiakaskoneen käyttöjärjestelmän tunnistamiseen.
58. Mitä ovat window.onload ja onDocumentReady?
Lataustoimintoa ei suoriteta ennen kuin kaikki sivulla olevat tiedot on ladattu. Tämä johtaa huomattavaan viiveeseen ennen kuin mitään koodia suoritetaan.
onDocumentReady lataa koodin heti DOM:n lataamisen jälkeen. Tämä mahdollistaa koodin varhaisen manipuloinnin.
59. Kuinka sulkemiset toimivat JavaKäsikirjoitus?
Sulkeminen on paikallisesti ilmoitettu funktioon liittyvä muuttuja, joka jää muistiin palattuaan.
Esimerkiksi:
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. Kuinka arvo voidaan liittää taulukkoon?
Arvo voidaan liittää taulukkoon annetulla tavalla -
arr[arr.length] = value;
61. Mikä on for-in loop in Javascript?
For-in-silmukkaa käytetään objektin ominaisuuksien läpikäymiseen.
For-in-silmukan syntaksi on -
for (variable name in object){ statement or block to execute }
Jokaisessa toistossa muuttujan nimeen liittyy yksi objektin ominaisuus. Silmukkaa jatketaan, kunnes kaikki kohteen ominaisuudet on käytetty loppuun.
62. Mitkä ovat anonyymin funktion tärkeät ominaisuudet JavaKäsikirjoitus?
Funktiota, joka on ilmoitettu ilman nimettyä tunnistetta, kutsutaan anonyymiksi funktioksi. Yleensä anonyymi toiminto ei ole käytettävissä sen ilmoittamisen jälkeen.
Nimetön toimintoilmoitus –
var anon = function() { alert('I am anonymous'); }; anon();
63. Mitä eroa on .call() ja .apply() välillä?
Funktiot .call() ja .apply() ovat käytössään hyvin samankaltaisia pieniä eroja lukuun ottamatta. .call() käytetään, kun ohjelmoija tietää funktion argumenttien lukumäärän, koska ne on mainittava argumentteina kutsukäskyssä. Toisaalta .apply()-funktiota käytetään, kun numeroa ei tunneta. Funktio .apply() odottaa argumentin olevan taulukko.
Perusero .call()- ja .apply()-funktioiden välillä on tavassa, jolla argumentit välitetään funktiolle. Niiden käyttöä voidaan havainnollistaa annetulla esimerkillä.
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. Mitä on tapahtumakuplus?
JavaKomentosarja mahdollistaa DOM-elementtien upottamisen toistensa sisään. Tällöin, jos lapsen käsittelijää napsautetaan, toimii myös vanhemman käsittelijä niin kuin sitäkin klikattaisiin.
65. on JavaKirjainkoolla on merkitystä? Anna esimerkki.
Kyllä JavaKirjainkoolla on merkitystä. Esimerkiksi funktio parseInt ei ole sama kuin funktio Parseint.
66. Missä loogisia operaattoreita voidaan käyttää JavaKäsikirjoitus?
"Ja" Operator (&&), 'tai' Operator (||) ja "Ei" Operator (!) voidaan käyttää JavaSkripti.
*Operatorit ovat ilman sulkuja.
67. Kuinka tiettyyn kehykseen voidaan kohdistaa hyperlinkistä JavaKäsikirjoitus?
Tämä voidaan tehdä lisäämällä vaaditun kehyksen nimi hyperlinkkiin käyttämällä "target"-attribuuttia.
<a href="/fi/newpage.htm" target="newframe">>New Page</a>
68. Mikä on tauon ja jatka -lauseiden rooli?
Break-lausetta käytetään poistumaan nykyisestä silmukasta. Sitä vastoin jatka-lause jatkaa nykyistä silmukkaa uudella toistolla.
69. Kirjoita verkkopuutarhan ja verkkotilan välinen ero?
Sekä verkkopuutarha että web-farm ovat web-hosting-järjestelmiä. Ainoa ero on, että web-garden on kokoonpano, joka sisältää useita prosessoreita yhdessä palvelimessa. Samaan aikaan web-farm on suurempi kokoonpano, joka käyttää useampaa kuin yhtä palvelinta.
70. Miten objektin ominaisuudet määritetään?
Ominaisuuksien määrittäminen objekteille tapahtuu samalla tavalla kuin muuttujalle annetaan arvo. Esimerkiksi lomakeobjektin toimintoarvoksi määritetään 'lähetä' seuraavalla tavalla – Asiakirja. form.action=”lähetä”
71. Mikä on menetelmä tiedoston lukemiseen ja kirjoittamiseen JavaKäsikirjoitus?
Tämä voidaan tehdä käyttämällä JavaKomentosarjan laajennukset (suorittaa osoitteesta JavaScript Editor), esimerkiksi tiedoston avaamiseen –
fh = fopen(getScriptPath(), 0);
72. Miten DOM:ia käytetään JavaKäsikirjoitus?
DOM on lyhenne sanoista Document Object Model ja se vastaa siitä, kuinka asiakirjan eri objektit ovat vuorovaikutuksessa toistensa kanssa. DOM tarvitaan web-sivujen kehittämiseen, jotka sisältävät objekteja, kuten kappaleita, linkkejä jne. Näitä objekteja voidaan käyttää sisältämään toimintoja, kuten lisääminen tai poistaminen. DOM tarvitaan myös lisäominaisuuksien lisäämiseen verkkosivulle. Tämän lisäksi API:n käyttö antaa etua muihin olemassa oleviin malleihin verrattuna.
73. Miten tapahtumakäsittelijöitä hyödynnetään JavaKäsikirjoitus?
Tapahtumat ovat toimintoja, jotka johtuvat toiminnasta, kuten linkin napsauttaminen tai lomakkeen täyttäminen käyttäjän toimesta. Tapahtumakäsittelijä vaaditaan hallitsemaan kaikkien näiden tapahtumien asianmukainen suorittaminen. Tapahtumakäsittelijät ovat objektin ylimääräinen attribuutti. Tämä attribuutti sisältää tapahtuman nimen ja toimenpiteen, joka suoritetaan, jos tapahtuma tapahtuu.
74. Mikä on viivästettyjen skriptien rooli? JavaKäsikirjoitus?
HTML-koodin jäsentäminen sivun latauksen aikana keskeytetään oletusarvoisesti, kunnes komentosarja ei ole lopettanut suoritusta. Jos palvelin on hidas tai komentosarja on erityisen raskas, verkkosivu viivästyy.
Käytettäessä Deferred-toimintoa komentosarjat viivästävät komentosarjan suorittamista siihen asti, kun HTML-jäsennin on käynnissä. Tämä lyhentää verkkosivujen latausaikaa ja ne näkyvät nopeammin.
75. Mitä eri toiminnalliset komponentit sisältävät JavaKäsikirjoitus?
Eri toiminnalliset komponentit sisällä JavaKäsikirjoitus ovat-
- Ensiluokkaiset toiminnot: Toiminnot JavaSkriptejä käytetään ensiluokkaisina objekteina. Tämä tarkoittaa yleensä sitä, että nämä funktiot voidaan välittää argumentteina muille funktioille, palauttaa arvoina muista funktioista, liittää muuttujiin tai ne voidaan myös tallentaa tietorakenteisiin.
- Sisäkkäiset toiminnot: Muiden funktioiden sisällä määriteltyjä funktioita kutsutaan sisäkkäisiksi funktioiksi. Niitä kutsutaan aina, kun päätoimintoa kutsutaan.
76. Kirjoita kohdassa näytetyistä virheistä JavaKäsikirjoitus?
JavaSkripti antaa viestin ikään kuin se kohtaisi virheen. Tunnistetut virheet ovat -
- Latausaikavirheet: Sivun lataushetkellä näkyvät virheet lasketaan Latausaikavirheet -kohtaan. Väärän syntaksin käyttö kohtaa nämä virheet ja havaitaan siten, kun sivua ladataan.
- Ajonaikaiset virheet: Tämä on virhe, joka ilmenee ohjelman ollessa käynnissä. Esimerkiksi laittomat toiminnot aiheuttavat luvun jakamisen nollalla tai pääsyn olemattomalle muistialueelle.
- Logiikkavirheet: Sen aiheuttaa syntaktisesti oikea koodi, joka ei täytä vaadittua tehtävää – esimerkiksi ääretön silmukka.
77. Mitä ovat näyttöobjektit?
Näyttöobjekteja käytetään tietojen lukemiseen asiakkaan näytöltä. Näyttöobjektien ominaisuudet ovat -
- AvailHeight: Antaa asiakkaan näytön korkeuden
- AvailWidth: Antaa asiakkaan näytön leveyden
- ColorDepth: Antaa kuvien bittisyvyyden asiakkaan näytöllä
- Korkeus: Antaa asiakkaan näytön kokonaiskorkeuden, tehtäväpalkin mukaan lukien
- Leveys: Antaa asiakkaan näytön kokonaisleveyden, tehtäväpalkin mukaan lukien
78. Mikä on unshift()-metodi?
Tämä menetelmä toimii taulukon alussa, toisin kuin push(). Se lisää halutun määrän elementtejä taulukon yläosaan. Esimerkiksi -
var name = [ "john" ]; name.unshift( "charlie" ); name.unshift( "joseph", "Jane" ); console.log(name);
Tulos näkyy alla:
[" joseph ,"," Jane ,", " charlie ", " john "]
79. Mitä ovat unescape()- ja escape()-funktiot?
Pakotoiminto () vastaa merkkijonon koodaamisesta tietojen siirtämiseksi yhdestä tietokoneesta toiseen verkon yli.
Esimerkiksi:
<script> document.write(escape("Hello? How are you!")); </script>
lähtö: Hello%3F%20How%20are%20you%21
Unescape()-funktio on erittäin tärkeä, koska se purkaa koodatun merkkijonon.
Se toimii seuraavalla tavalla. Esimerkiksi:
<script> document.write(unescape("Hello%3F%20How%20are%20you%21")); </script>
lähtö: Hei? Mitä kuuluu!
80. Mitä ovat decodeURI() ja encodeURI()?
EncodeURl()-funktiota käytetään URL-osoitteen muuntamiseen heksadesimaattiseksi koodaukseksi. Ja DecodeURI()-funktiota käytetään muuttamaan koodattu URL-osoite takaisin normaaliksi.
<script> var uri="my test.asp?name=ståle&car=saab"; document.write(encodeURI(uri)+ "<br>"); document.write(decodeURI(uri)); </script>
Tulos -
my%20test.asp?name=st%C3%A5le&car=saab
testini.asp?name=ståle&car=saab
JavaKäsikirjoitushaastattelukysymyksiä yli 10 vuoden kokemuksella
81. Miksi sinun ei pitäisi käyttää innerHTML-koodia JavaKäsikirjoitus?
innerHTML-sisältö päivittyy joka kerta ja on siten hitaampaa. InnerHTML:ssä ei ole validointimahdollisuutta. Siksi on helpompi lisätä rogue-koodia dokumenttiin ja tehdä verkkosivusta epävakaa.
82. Mitä seuraava lausunto ilmaisee?
var myArray = [[[]]];
Se ilmoittaa kolmiulotteisen taulukon.
83. Miten menee JavaScript ja ECMA Script liittyvät?
ECMA Script on kuin säännöt ja ohjeet Javascript on skriptikieli, jota käytetään web-kehitykseen.
84. Mitä nimivälit sisältävät JavaKäsikirjoitus ja miten sitä käytetään?
Nimiväliä käytetään haluttujen funktioiden, muuttujien jne. ryhmittelyyn yksilöllisen nimen alle. Se on nimi, joka on liitetty haluttuihin funktioihin, objekteihin ja ominaisuuksiin. Tämä parantaa koodauksen modulaarisuutta ja mahdollistaa koodin uudelleenkäytön.
85. Kuinka JavaKomentosarjakoodit piilotetaan vanhoilta selaimilta, jotka eivät tue JavaKäsikirjoitus?
Piilotukseen JavaKomentosarjakoodit vanhoista selaimista:
Lisätä " tag.
Lisää "//–>" ilman lainausmerkkejä koodiin juuri ennen tag.
Vanhat selaimet käsittelevät nyt tämän JavaKäsikirjoituskoodi pitkänä HTML-kommenttina. Vaikka selain, joka tukee JavaKäsikirjoitus vie " ” yksirivisinä kommentteina.
86. Kuinka käyttää Loop in JavaKäsikirjoitus?
Silmukat ovat hyödyllisiä, kun suoritat toistuvasti samat koodirivit tietyn määrän kertoja tai niin kauan kuin tietty ehto on tosi. Oletetaan, että haluat kirjoittaa "Hei" -viestin 100 kertaa verkkosivullesi. Tietenkin sinun on kopioitava ja liitettävä sama rivi 100 kertaa. Sen sijaan, jos käytät silmukoita, voit suorittaa tämän tehtävän vain 3 tai 4 rivillä.
87. Kuinka käyttää Loops in Javascript?
Sisällä on pääasiassa neljän tyyppisiä silmukoita JavaSkripti.
silmukalle
for/in in the loop (selitys myöhemmin)
samalla silmukka
tehdä ... vaikka silmukka
silmukalle
Syntaksi:
for(statement1; statement2; statment3) { lines of code to be executed }
- Lause1 suoritetaan ensin, jopa ennen silmukkakoodin suorittamista. Joten tätä lausetta käytetään yleensä arvojen määrittämiseen silmukan sisällä käytetyille muuttujille.
- Lauseke2 on lausekkeen suorittamisen ehto silmukka.
- Lause3 suoritetaan joka kerta, kun silmukkakoodi on suoritettu.
<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>
samalla silmukka
Syntaksi:
while(condition) { lines of code to be executed }
"While-silmukka" suoritetaan niin kauan kuin määritetty ehto on tosi. While-silmukan sisällä tulisi sisällyttää lause, joka päättää silmukan jossain vaiheessa. Muuten silmukasi ei lopu koskaan ja selaimesi saattaa kaatua.
tehdä ... vaikka silmukka
Syntaksi:
<pre> do { block of code to be executed } while (condition)
Do…while-silmukka on hyvin samanlainen kuin while-silmukka. Ainoa ero on, että do…while-silmukassa koodilohko suoritetaan kerran jo ennen ehdon tarkistamista.
Esimerkiksi:
<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. Mitkä ovat tärkeitä JavaScript Array -menetelmä selittää esimerkillä?
JavaScript Array Methods
Array-objektilla on monia ominaisuuksia ja menetelmiä, jotka auttavat kehittäjiä käsittelemään taulukoita helposti ja tehokkaasti. Voit saada ominaisuuden arvon määrittämällä taulukonnimi.ominaisuus ja menetelmän tulosteen määrittämällä taulukonnimi.method().
- pituus omaisuutta –> Jos haluat tietää taulukon elementtien lukumäärän, voit käyttää pituus-ominaisuutta.
- prototyypin ominaisuus –> Jos haluat lisätä uusia ominaisuuksia ja menetelmiä, voit käyttää prototyyppiominaisuutta.
- käänteinen menetelmä –> Voit kääntää taulukon kohteiden järjestyksen käänteisellä menetelmällä.
- lajittelutapa -> Voit lajitella taulukon kohteet lajittelumenetelmällä.
- pop menetelmä –> Voit poistaa taulukon viimeisen kohteen pop-menetelmällä.
- siirtomenetelmä –> Voit poistaa taulukon ensimmäisen kohteen siirtomenetelmällä.
- työntömenetelmä –> Voit lisätä arvon taulukon viimeiseksi kohteeksi.
<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. Mitä OOPS-konsepti sisältää JavaKäsikirjoitus?
Usein muuttujat tai taulukot eivät riitä simuloimaan tosielämän tilanteita. JavaSkriptin avulla voit luoda objekteja, jotka toimivat kuin tosielämän esineitä. Opiskelija tai koti voi olla esine, jolla on monia ainutlaatuisia ominaisuuksia. Voit luoda objekteillesi ominaisuuksia ja menetelmiä ohjelmoinnin helpottamiseksi. Jos objektisi on opiskelija, sillä on ominaisuuksia, kuten etunimi, sukunimi, tunnus jne., ja menetelmiä, kuten sijoituksen laskenta, osoitteen muuttaminen jne. Jos esineesi on koti, sillä on ominaisuuksia, kuten useita huoneet, maalin väri, sijainti jne. Menetelmät kuten pinta-alan laskeminen, omistajan vaihto jne.
Kuinka luoda objekti
Voit luoda objektin seuraavasti:
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. Mikä on Loop Though -objektin ominaisuudet?
For/in a -silmukkaa käytetään yleensä objektin ominaisuuksien läpikäymiseen. Voit antaa muuttujalle minkä tahansa nimen, mutta objektin nimen tulee olla sama kuin jo olemassa olevan objektin nimen, jonka läpi täytyy käydä läpi.
Syntaksi:
for (variablename in objectname) { lines of code to be executed }
Esimerkiksi:
<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. Mikä on JavaScript Unit Testing ja mitä haasteita siinä on JavaScript Unit Testing?
JavaScript Unit Testing on testausmenetelmä, jossa JavaKomentosarja testaa verkkosivulle tai verkkosovellusmoduulille kirjoitetun koodin. Se yhdistetään HTML:ään sisäisenä tapahtumakäsittelijänä ja suoritetaan selaimessa sen testaamiseksi, toimivatko kaikki toiminnot hyvin. Nämä yksikkötestit järjestetään sitten testisarjassa.
Jokainen sarja sisältää useita testejä, jotka on suunniteltu suoritettavaksi erilliselle moduulille. Mikä tärkeintä, ne eivät ole ristiriidassa minkään muun moduulin kanssa ja toimivat vähemmän riippuvaisina toisistaan (jotkut kriittiset tilanteet voivat aiheuttaa riippuvuuksia).
Haasteet JavaSkriptiyksikön testaus:
Tässä on tärkeitä haasteita JavaSkriptiyksikön testaus:
- Monet muut kielet tukevat yksikkötestausta selaimissa, vakaassa sekä ajonaikaisessa ympäristössä, mutta JavaScript ei voi
- Voit ymmärtää joitain järjestelmän toimintoja muilla kielillä, mutta näin ei ole JavaKäsikirjoitus
- jotkut JavaKomentosarjat on kirjoitettu verkkosovellukselle, jolla voi olla useita riippuvuuksia.
- JavaKomentosarjaa on hyvä käyttää yhdessä HTML:n ja CSS:n kanssa mieluummin kuin verkossa
- Vaikeudet sivun hahmonnuksessa ja DOM-manipulaatiossa
- Joskus näet näytöltäsi virheilmoituksen, joka koskee "Esimerkki.js:n lataaminen epäonnistui" tai jotain muuta JavaKomentosarjavirhe versionhallinnassa. Nämä haavoittuvuudet kuuluvat yksikkötestauksen piiriin JavaKäsikirjoitus
Ratkaisut aiheesta JavaSkriptiyksikön testaus:
Voit välttää tällaisia ongelmia seuraavasti:
- Älä käytä globaaleja muuttujia.
- Älä käsittele ennalta määritettyjä objekteja.
- Suunnittele ydintoiminnot kirjaston perusteella.
- Yritä luoda pieniä toiminnallisuuksia pienemmillä riippuvuuksilla.
92. Mitkä ovat tärkeitä? JavaScript Unit Testing Frameworks?
Seuraavassa on kuratoitu luettelo suosituista JavaLaajalti käytetyt komentosarjayksiköiden testauskehykset ja työkalut:
Unit.js: Se tunnetaan avoimen lähdekoodin vahvistuskirjastona, joka toimii selaimessa ja Node.js:ssä. Se on erittäin yhteensopiva muiden kanssa JavaScript Unit Testing -kehykset, kuten Mocha, Karma, Jasmine, QUnit, Protractor jne. Tarjoaa täydellisen dokumentoidun väiteluettelon API:n.
QUnit: Sitä käytetään sekä asiakas- että palvelinpuolella JavaScript Unit Testing. Tämä Ilmainen JavaSkriptien testauskehystä käytetään jQuery-projekteihin. Se noudattaa yleistä JS-yksikkötestauksen spesifikaatiota yksikkötestaukseen JavaKäsikirjoitus. Se tukee solmun pitkän aikavälin tukiaikataulua.
Jasmiini: Jasmine on käyttäytymiseen perustuva kehityskehys yksikkötestaukseen JavaKäsikirjoitus. Sitä käytetään sekä synkronisen että asynkronisen testaamiseen JavaKäsikirjoituskoodit. Se ei vaadi DOM:ia, ja sen mukana tulee helppo syntaksi, joka voidaan kirjoittaa mihin tahansa testiin.
Karma: Karma on avoimen lähdekoodin tuottava testausympäristö. Helppo työnkulun ohjaus komentorivillä. Tarjoaa vapauden kirjoittaa testejä Jasminella, Mochalla ja QUnitilla. Voit suorittaa testin oikeilla laitteilla helpolla virheenkorjauksella.
Mokka: Mocha toimii Node.js:ssä ja selaimessa. Mocha suorittaa asynkronisen testauksen yksinkertaisemmin. Tarjoaa tarkkuutta ja joustavuutta raportoinnissa. Tarjoaa valtavan tuen monipuolisille ominaisuuksille, kuten testikohtaisille aikakatkaisuille, JavaScript API:t.
On: Facebook käyttää vitsiä tähän mennessä testatakseen kaiken JavaKäsikirjoituskoodi. Se tarjoaa nollakonfiguraatiotestauskokemuksen. Tukee riippumattomia ja keskeytymättömiä käynnissä olevia testejä ilman ristiriitoja. Älä vaadi muita asennusmäärityksiä ja kirjastoja.
AVA: AVA on yksinkertainen JavaScript Unit Testing Framework. Testejä suoritetaan rinnakkain ja sarjassa. Rinnakkaiset testit suoritetaan keskeyttämättä toisiaan. Tämä testauskehys tukee myös asynkronista testausta. AVA käyttää aliprosesseja yksikkötestin suorittamiseen JavaSkripti.
93. Missä QuickSort-algoritmi on? JavaKäsikirjoitus?
Quick Sort -algoritmi noudattaa Divide and Conquer -lähestymistapaa. Se jakaa elementit pienempiin osiin joidenkin ehtojen perusteella ja suorittaa samanlaisia operaatioita niille jaetuille pienemmille osille.
Quick Sort -algoritmi on yksi käytetyimmistä ja suosituimmista algoritmeista millä tahansa ohjelmointikielellä. Jos olet a JavaSkriptien kehittäjä, olet ehkä kuullut sort():sta, joka on jo saatavilla JavaKäsikirjoitus. Sitten olet ehkä miettinyt, mikä on tämän Quick Sort -algoritmin tarve. Tämän ymmärtämiseksi tarvitsemme ensin, mikä on lajittelu ja mikä on oletuslajittelu JavaSkripti.
Quicksort seuraa hajota ja hallitse algoritmi. Se jakaa elementit pienempiin osiin joidenkin ehtojen perusteella ja suorittaa lajittelutoiminnot niille jaetuille pienemmille osille. Siksi se toimii hyvin suurille tietojoukoille. Joten tässä on vaiheet, kuinka Quicksort toimii yksinkertaisin sanoin.
- Valitse ensin elementti, jota kutsutaan nimellä kääntyä elementti.
- Vertaa seuraavaksi kaikkia taulukon elementtejä valittuun pivot-elementtiin ja järjestä ne siten, että jäljellä on pivot-elementtiä pienempiä elementtejä. Suurempi kuin pivot on sen oikealla puolella.
- Suorita lopuksi samat toimenpiteet kääntöelementin vasemmalle ja oikealle sivuelementille.
Tämä on Quicksortin perusrakenne. Tässä ovat vaiheet, jotka on suoritettava yksitellen Quicksortin suorittamiseksi.
94. Kuinka QuickSort toimii
Vaihe 1) Etsi ensin "pivot" elementti taulukossa.
Vaihe 2) Aloita vasen osoitin taulukon ensimmäisestä elementistä.
Vaihe 3) Aloita oikea osoitin taulukon viimeisestä elementistä.
Vaihe 4) Vertaa elementtiä osoittavaa vasempaan osoittimeen, ja jos se on pienempi kuin pivot-elementti, siirrä vasenta osoitinta oikealle (lisää 1 vasempaan indeksiin). Jatka tätä, kunnes vasen sivuelementti on suurempi tai yhtä suuri kuin kääntöelementti.
Vaihe 5) Vertaa elementtiä osoittavaa oikeaan osoittimeen. Jos se on suurempi kuin pivot-elementti, siirrä oikea osoitin vasemmalle (vähennä 1 oikeaan indeksiin). Jatka tätä, kunnes oikeanpuoleinen elementti on pienempi tai yhtä suuri kuin kääntöelementti.
Vaihe 6) Tarkista, onko vasen osoitin pienempi tai yhtä suuri kuin oikea osoitin, ja saha sitten elementit näiden osoittimien sijainneissa.
Vaihe 7) Kasvata vasenta osoitinta ja vähennä oikeaa osoitinta.
Vaihe 8) Jos vasemman osoittimen indeksi on edelleen pienempi kuin oikean osoittimen indeksi, toista prosessi; muussa tapauksessa palauta vasemman osoittimen indeksi.
Joten katsotaanpa nämä vaiheet esimerkin avulla. Tarkastellaanpa joukko elementtejä, jotka meidän on lajiteltava, on [5,3,7,6,2,9].
Tässä ovat vaiheet nopean lajittelun suorittamiseksi, joka näytetään esimerkissä [5,3,7,6,2,9].
VAIHE 1) Määritä nivel keskielementiksi. Niin, 7 on pivot-elementti.
VAIHE 2) Aloita vasen ja oikea osoitin taulukon ensimmäisinä ja viimeisinä elementteinä. Vasen osoitin osoittaa 5:een indeksissä 0 ja oikea osoitin kohtaan 9 indeksillä 5.
VAIHE 3) Vertaa vasenta osoitinelementtiä pivot-elementtiin, koska 5 < 6 siirtää vasenta osoitinta oikealle indeksiin 1.
VAIHE 4) Nyt edelleen 3 <6, joten siirrä vasen osoitin vielä yhden indeksin kohdalle oikealle. Nyt 7 > 6 lopettaa vasemman osoittimen kasvattamisen, ja nyt vasen osoitin on indeksi 2.
VAIHE 5) Vertaa nyt oikean osoittimen arvoa pivot-elementtiin. Koska 9 > 6, siirrä oikea osoitin vasemmalle. Nyt, kuten 2 < 6, lopeta oikean osoittimen liikuttaminen.
VAIHE 6) Vaihda vasemman ja oikean osoittimen molemmat arvot keskenään.
VAIHE 7) Siirrä molempia osoittimia vielä yksi askel.
VAIHE 8) Koska 6 = 6, siirrä osoittimet vielä yhteen vaiheeseen ja lopeta, kun vasen osoitin ylittää oikean osoittimen ja palauttaa vasemman osoittimen indeksin.
Tässä meidän on yllä olevan lähestymistavan perusteella kirjoitettava koodi elementtien vaihtamiseksi ja taulukon osiointia varten, kuten yllä olevissa vaiheissa mainittiin.
Esimerkiksi:
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. Missä DOM on JavaKäsikirjoitus?
JavaKomentosarja voi käyttää kaikkia web-sivun elementtejä dokumenttiobjektimallin (DOM) avulla. Verkkoselain luo verkkosivulle DOM:n, kun sivu ladataan.
96. Miten DOM:ia ja tapahtumia käytetään?
DOM:n avulla JavaSkripti voi suorittaa useita tehtäviä. Se voi luoda uusia elementtejä ja attribuutteja, muuttaa olemassa olevia elementtejä ja attribuutteja ja jopa poistaa olemassa olevia elementtejä ja attribuutteja. JavaSkripti voi myös reagoida olemassa oleviin tapahtumiin ja luoda uusia tapahtumia sivulle.
- getElementById, innerHTML Esimerkki
- getElementById: Käyttääksesi elementtejä ja attribuutteja, joiden tunnus on asetettu.
- innerHTML: Elementin sisällön käyttäminen.
<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 Esimerkki
getElementsByTagName: Elementtien ja attribuuttien käyttäminen tagin nimen avulla. Tämä menetelmä palauttaa joukon kaikista kohteista, joilla on sama tunnistenimi.
<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>
Tapahtumakäsittelijä Esimerkki
- createElement: Luo uusi elementti
- removeChild: Poista elementti
- voit lisätä an tapahtumakäsittelijä johonkin tiettyyn elementtiin, kuten tämä
document.getElementById(id).onclick=function() { lines of code to be executed }
OR
document.getElementById(id).addEventListener("click", functionname)
Esimerkiksi:
<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. Mikä on ulkoinen JavaKäsikirjoitus?
Aiot näyttää nykyisen päivämäärän ja kellonajan kaikilla verkkosivuillasi. Oletetaan, että kirjoitit koodin ja kopioit sen kaikille verkkosivuillesi (esimerkiksi 100). Mutta myöhemmin haluat muuttaa muotoa, jossa päivämäärä tai kellonaika näytetään. Tässä tapauksessa sinun on tehtävä muutoksia kaikkiin 100 Web-sivuun. Tämä tulee olemaan erittäin aikaa vievä ja vaikea tehtävä.
Tallenna siis JavaSkriptikoodi uudessa tiedostossa, jonka tunniste on .js. Lisää sitten kaikille verkkosivuillesi rivi koodia, joka osoittaa .js-tiedostoosi seuraavasti:
<script type="text/javascript," src="/currentdetails.js,">
Huomautus: Oletetaan, että .js-tiedosto ja kaikki Web-sivusi ovat samassa kansiossa. Jos external.js-tiedosto on eri kansiossa, sinun on määritettävä tiedoston koko polku src-attribuutissa.
Esimerkiksi:
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. Milloin käyttää sisäistä ja ulkoista JavaKäsikirjoituskoodi?
Oletetaan, että sinulla on vain muutama rivi koodia, joka liittyy tiettyyn verkkosivuun. Siinä tapauksessa on parempi pitää omasi JavaHTML-dokumentin sisäinen komentosarjakoodi.
Toisaalta, jos JavaSkriptikoodia käytetään monilla verkkosivuilla, joten sinun kannattaa harkita koodin säilyttämistä erillisessä tiedostossa. Jos haluat tehdä muutoksia koodiisi, sinun on muutettava vain yksi tiedosto, jolloin koodin ylläpito on helppoa. Jos koodisi on liian pitkä, on parempi säilyttää se erillisessä tiedostossa. Tämä auttaa helpossa virheenkorjauksessa.
99. Mitä evästeet sisältävät JavaKäsikirjoitus?
Eväste on tietokoneellesi tallennettu tieto, jota selaimesi voi käyttää. Olet myös saattanut nauttia evästeiden eduista tietoisesti tai tietämättäsi. Oletko koskaan tallentanut Facebook-salasanasi, jotta sinun ei tarvitse kirjoittaa sitä joka kerta, kun yrität kirjautua? Jos kyllä, käytät evästeitä. Evästeet tallennetaan avain/arvo-pareina.
Javascript Aseta eväste:
Voit luoda evästeitä asiakirjan avulla. tällainen evästeominaisuus.
document.cookie = "cookiename=cookievalue"
Voit jopa lisätä evästeeseen viimeisen voimassaolopäivän poistaaksesi tietyn evästeen tietokoneelta määritettynä päivänä. Viimeinen käyttöpäivä on asetettava UTC/GMT-muodossa. Jos et aseta viimeistä käyttöpäivää, eväste poistetaan, kun käyttäjä sulkee selaimen.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
Voit myös määrittää verkkotunnuksen ja polun määrittääksesi, mihin toimialueeseen ja mihin hakemistoihin tietyssä toimialueessa eväste kuuluu. Oletuksena eväste kuuluu sivulle, joka asettaa evästeen.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/
//luo eväste, jossa on verkkotunnus nykyiselle sivulle ja polku koko verkkotunnukselle.
JavaKäsikirjoitus hanki eväste
Voit käyttää evästettä tällä tavalla, joka palauttaa kaikki nykyiselle verkkotunnukselle tallennetut evästeet.
var x = document.cookie
JavaScript Poista eväste
Evästeen poistamiseksi sinun on vain asetettava evästeen arvo tyhjäksi ja asetettava vanhenemispäivämääräksi kulunut päivämäärä.
Esimerkiksi:
<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. Anna esimerkki JavaScript kertolaskutaulukko
Tässä on esimerkki yksinkertaisesta kertotaulukosta, joka kysyy käyttäjältä haluamansa rivien ja sarakkeiden lukumäärän.
Esimerkiksi:
<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. Selitä ponnahdusviesti tapahtuman avulla esimerkin avulla
Näytä yksinkertainen viesti "Tervetuloa!!!" esittelysivullasi ja kun käyttäjä vie hiiren viestin päälle, tulee näkyviin ponnahdusikkuna, jossa on viesti "Tervetuloa verkkosivulleni!!!".
Esimerkiksi:
<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>
Nämä haastattelukysymykset auttavat myös vivassasi (suullinen)