Viss, kas jums jāzina par iekšējo HTML valodu JavaScript



JavaScript iekšējais HTML ir ļoti ērta funkcija, un to plaši izmanto, lai radāmām tīmekļa lapām nodrošinātu dinamiskāku un daudzpusīgāku aspektu.

JavaScript ir viena no visplašāk izmantotajām programmēšanas valodām. Tas ir arī diezgan populārs ar daudzpusību visās platformās. Vietnē ir dažādas īpašības kas atvieglo dinamiskas vietnes izveidi. Šajā rakstā mēs apspriedīsim iekšējo HTML kodu šādā secībā:

Ievads JavaScript

JavaScript tiek izmantots kā klienta puses programmēšanas valoda, kā arī servera puses programmēšanas valoda. tiek izmantots, lai izpildītu jebkuras lietojumprogrammas klienta pusē, kā arī servera pusē. Mezglu vairākās vietās var saukt arī par Node.js.





Javascript - iekšējais html javascript - edureka

JavaScript nodrošina metožu pārpilnību vairākām funkcijām, kas jāveic viegli. Tas padarīja JavaScript par vienu no populārākajām programmēšanas valodām, kā arī to plaši izmanto vairāku veidu produktu izstrādē.



Iekšējais HTML valoda JavaScript

Iekšējais rekvizīts JavaScript ir viena no ļoti ērtajām funkcijām, un to plaši izmanto, lai nodrošinātu radāmāku tīmekļa lapu dinamiskāku un daudzpusīgāku aspektu.

Ja mēs mēģinām vienkārši izskaidrot iekšējo HTML, tad iekšējā HTML paveiktais ir vienkārši ielādēt lapas saturu, neatsvaidzinot visu lapu. Tas ietaupa datu lietojumu, kā arī laiku aiz lapas ielādes, un to ir diezgan viegli iegūt. Tas nodrošina lietotājam ļoti ātru un atsaucīgu sajūtu, tādējādi uzlabojot lietotāja pieredzi.

Tas var izklausīties mazliet grūti, bet mēģināsim to saprast ar piemēra palīdzību.



Piemērs:

kā izmantot mysql darbagaldu
 

Noklikšķiniet šeit, lai mainītu iekšējo HTML tekstu.

function myFunction () {document.getElementById ('paragraph1'). internalHTML = 'Punkts mainīts!' }

Šeit augšējā koda rindkopas tagā tā ID ir punkts1.

Tur ir funkciju nosauca myfunction (), kas tiks atsaukta, noklikšķinot uz teksta “Noklikšķiniet šeit, lai mainītu iekšējo HTML tekstu”.Kad funkcija tiek atsaukta pēc klikšķa, tiek izpildīta funkcija, kas saka getElementById (“paragraph1”), kurā norādīts, ka ir jāizvēlas elements ar Id kā demonstrāciju.

Turklāt mums ir iekšējāHTML funkcija, kas pēc onclick vienkārši nozīmē to, kas jādara. Šeit iepriekš minētajā piemērā tas ir vienkārši “Mainīts punkts”.

Zemāk ir minētā koda sākotnējā izeja.

Zemāk ir mainīta izvade pēc klikšķa.

Iekšējais HTML ar sakārtotu vai nesakārtotu sarakstu

Tālāk ir sniegts piemērs, kā parādīt iekšējā HTML izmantošanu ar sakārtotu vai nesakārtotu sarakstu.

Piemērs:

 
  • Sveiki
  • Sveiks atkal

Noklikšķiniet uz pogas zemāk, lai iegūtu ul elementa saturu.

Izmēģiniet funkciju helloFunction () {var x = document.getElementById ('myList'). InternalHTML document.getElementById ('paragraph1'). InternalHTML = x}

Šeit iekšējo HTML aktivizē poga, ko definē nosaukums “Pamēģini”.

Iepriekš minētā teksta sākotnējā izeja ir:

Rezultāts pēc klikšķa uz pogas. Klikšķis uz pogas nenozīmē lapas atkārtotu ielādi, bet gan tāpēc, ka tika izmantots iekšējais HTML.

InnerHTML, lai mainītu URL

Zemāk ir vēl viens piemērs, kas parāda iekšējā HTML izmantošanu URL mainīšanai, noklikšķinot uz pogas.

Piemērs:

  Vikipēdija Mainīt saites funkciju myFunction () {document.getElementById ('myAnchor'). InnerHTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor' ) .target = '_blank'}

Iepriekš minētajā piemērā sākotnēji tiek sniegta saite uz Wikipedia vietni, bet, noklikšķinot uz pogas, saite mainās uz Google.

pārrobežu pārlūka testēšana selēnā

Ir vairākas šādas darbības, kurās internalHTML ir noderīgs, ja lapu nav jāpārlādē, un jāatjaunina tikai daļa.Tas ietaupa laiku, kā arī pieejai jāpieliek mazāk pūļu.Iekšējās HTML lielākās priekšrocības ir lietotāja pieredze, kuru uzlabo šī funkcija.

Pārbaudiet autore Edureka. Tīmekļa attīstības sertifikācijas apmācība palīdzēs jums uzzināt, kā izveidot iespaidīgas vietnes, izmantojot HTML5, CSS3, Twitter Bootstrap 3, jQuery un Google API, un izvietot to Amazon Simple Storage Service (S3).

Vai mums ir jautājums? Lūdzu, pieminējiet to komentāru sadaļā “Stīgu savienošana JavaScript”, un mēs ar jums sazināsimies.