Viskas, ką reikia žinoti apie vidinį HTML „JavaScript“

Vidinis „JavaScript“ HTML yra labai patogi funkcija ir yra plačiai naudojama siekiant suteikti dinamiškesnį ir universalesnį kuriamų tinklalapių aspektą.

„JavaScript“ yra viena iš dažniausiai naudojamų programavimo kalbų. Jis taip pat yra gana populiarus dėl universalumo visose platformose. Yra įvairių savybių tai palengvina dinamiškos svetainės kūrimą. Šiame straipsnyje aptarsime vidinį HTML kodą „JavaScript“ tokia seka:

„JavaScript“ įvadas

„JavaScript“ naudojama kaip kliento programavimo kalba, taip pat kaip serverio programavimo kalba. yra naudojamas vykdyti bet kurios programos kliento ir serverio pusėje. Keliose vietose mazgas taip pat gali būti vadinamas Node.js.





„Javascript“ - vidinis html „javascript“ - „edureka“

„JavaScript“ pateikia daugybę metodų, leidžiančių lengvai atlikti kelias funkcijas. Tai padarė „JavaScript“ viena populiariausių programavimo kalbų, taip pat plačiai naudojama įvairiuose produktų kūrimo tipuose.



Vidinis HTML „JavaScript“

Vidinis „JavaScript“ nuosavybė yra viena iš labai patogių funkcijų ir yra plačiai naudojama siekiant suteikti dinamiškesnį ir universalesnį kuriamų tinklalapių aspektą.

Jei bandysime paaiškinti vidinį HTML paprasčiausiai, vidinio HTML darbas yra paprasčiausiai įkelti puslapio turinį, neatnaujinant viso puslapio. Tai taupo duomenų naudojimą, taip pat laiką už puslapio įkėlimo ir yra gana lengva gauti. Tai suteikia vartotojui greitą ir greitai reaguojantį pojūtį, todėl vartotojo patirtis tampa daug geresnė.

Tai gali skambėti šiek tiek sunku, bet pabandykime tai suprasti pavyzdžio pagalba.



Pavyzdys:

fibonacci rekursija c ++
 

Spustelėkite čia, jei norite pakeisti vidinį HTML tekstą.

function myFunction () {document.getElementById ('paragraph1'). internalHTML = 'Pastraipa pakeista!' }

Čia, aukščiau esančiame kode, pastraipos žymoje tai yra 1 pastraipa.

Čia yra funkcija pavadinta myfunction (), kuri bus atšaukta spustelėjus tekstą „Spustelėkite čia, jei norite pakeisti vidinį HTML tekstą“.Kai paspaudus funkcija atšaukiama, funkcija bus vykdoma sakant „getElementById“ („1 pastraipa“), kuri nurodė elementą su ID kaip demonstracinę versiją.

Be to, mes turime vidinę HTML funkciją, kuri tiesiog reiškia, kad po „onclick“ turi būti daroma. Aukščiau pateiktame pavyzdyje tai tiesiog „Pakeista pastraipa“.

kas yra char java

Žemiau yra pirmiau minėto kodo išvestis.

Žemiau yra pakeista išvestis po paspaudimo.

Vidinis HTML su sutvarkytu ar nesutvarkytu sąrašu

Žemiau pateiktas pavyzdys, parodantis vidinio HTML naudojimą su sutvarkytu ar nesutvarkytu sąrašu.

Pavyzdys:

 
  • Sveiki
  • Labas dar kartą

Spustelėkite žemiau esantį mygtuką, kad gautumėte ul elemento turinį.

Išbandykite funkciją helloFunction () {var x = document.getElementById ('myList'). InternalHTML document.getElementById ('paragraph1'). InternalHTML = x}

Čia vidinį HTML suveikia mygtukas, apibrėžtas pavadinimu „Išbandyk“.

Pradinis aukščiau pateikto teksto išvestis yra:

Rezultatas paspaudus mygtuką. Spustelėjus mygtuką, puslapis nebus perkeltas iš naujo, o dėl to, kad buvo naudojamas vidinis HTML.

logistinės regresijos pitono pavyzdinis kodas

„InnerHTML“, skirtas pakeisti URL

Žemiau yra dar vienas pavyzdys, parodantis vidinio HTML naudojimą norint pakeisti URL paspaudus mygtuką.

Pavyzdys:

  Vikipedija Keisti nuorodos funkciją myFunction () {document.getElementById ('myAnchor'). InternalHTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor' ) .target = '_blank'}

Pirmiau pateiktame pavyzdyje iš pradžių pateikiama nuoroda į „Wikipedia“ svetainę, tačiau spustelėjus mygtuką nuoroda pasikeičia į „Google“.

Yra keletas tokių operacijų, kai „internalHTML“ yra naudinga, kai puslapis neturi būti įkeltas iš naujo ir tik dalis turi būti atnaujinta.Tai taupo laiką, taip pat reikia skirti mažiau pastangų.Didžiausias „InternalHTML“ privalumas yra vartotojo patirtis, kurią patobulina ši funkcija.

Patikrinkite pateikė Edureka. Žiniatinklio kūrimo sertifikavimo mokymai padės jums sužinoti, kaip sukurti įspūdingas svetaines naudojant HTML5, CSS3, „Twitter Bootstrap 3“, „jQuery“ ir „Google“ API ir pritaikyti ją „Amazon Simple Storage Service“ (S3).

Turite mums klausimą? Prašome tai paminėti komentarų skiltyje „Styginių sujungimas„ JavaScript ““ ir mes su jumis susisieksime.