Mindössze annyit kell tudni a belső HTML-ről a JavaScript-ben

A JavaScript belső HTML-je nagyon hasznos funkció, és széles körben használják a létrehozandó weboldalak dinamikusabb és sokoldalúbb aspektusának biztosítására.

A JavaScript az egyik legszélesebb körben használt programozási nyelv. A platformok közötti sokoldalúsága miatt is nagyon népszerű. Különböző tulajdonságok vannak a amelyek megkönnyítik a dinamikus weboldal felépítését. Ebben a cikkben a belső sorrendet a JavaScript-ben a következő sorrendben tárgyaljuk:



Bevezetés a JavaScript-be

A JavaScriptet kliensoldali programozási nyelvként, valamint szerveroldali programozási nyelvként használják. végrehajtására használják bármely alkalmazás kliens és szerver oldalán. Egy csomópont több helyen Node.js néven is emlegethető.



egyesítés rendezési kód c ++

Javascript - belső HTML javascriptben - edureka

A JavaScript számos olyan funkciót kínál, amelyek könnyedén elvégezhetők. Ez tette a JavaScriptet az egyik legnépszerűbb programozási nyelvvé, valamint széles körben használják számos termékfejlesztésben.



Belső HTML a JavaScript-ben

A belső a JavaScript tulajdonság az egyik nagyon hasznos funkció, és széles körben használják a létrehozandó weboldalak dinamikusabb és sokoldalúbb aspektusának biztosítására.

Ha egyszerűen megpróbáljuk elmagyarázni a belsőHTML-t, akkor a belsőHTML-nek az a feladata, hogy egyszerűen betöltse az oldal tartalmát az egész oldal frissítése nélkül. Ez megmenti az adatfelhasználásokat, valamint az oldalbetöltési időt, és nagyjából könnyen megszerezhető. Ez a felhasználó számára nagyon gyors és reagáló érzést nyújt, ezáltal sokkal jobb felhasználói élményt nyújt.

Kicsit nehéznek tűnhet, de próbáljuk meg megérteni ezt egy példa segítségével.



Példa:

 

Kattintson ide a belső HTML szöveg megváltoztatásához.

function myFunction () {document.getElementById ('bekezdés1'). internalHTML = 'A bekezdés megváltozott!' }

Itt a fenti kódban, a bekezdéscímkében ennek az azonosítója a bekezdés1.

Van egy funkció a myfunction () nevet kapta, amelyet a „Kattintson ide a belső HTML szöveg megváltoztatásához” gombra kattintva visszavonnak.Amikor a kattintás után a függvény visszavonásra kerül, a függvény végrehajtásra kerül, amely azt mondja: getElementById („bekezdés1”), amely kijelölte az elemet, amelynek az Id-je demó.

Továbbá megvan a belsőHTML függvény, ami egyszerűen azt jelenti, hogy az onclick után mit kell tenni. Itt a fenti példában egyszerűen „Bekezdés megváltozott”.

Az alábbiakban látható a fenti kód kezdeti kimenete.

Az alábbiakban a kattintás után megváltozott kimenet látható.

Belső HTML rendezett vagy rendezetlen listával

Az alábbiakban bemutatunk egy példát a belső HTML használatára rendezett vagy rendezetlen listával.

Példa:

 
  • Szia
  • Szia ismét

Kattintson az alábbi gombra az ul elem tartalmának megszerzéséhez.

Próbálja ki: helloFunction () {var x = document.getElementById ('myList'). InternalHTML document.getElementById ('bekezdés1'). InternalHTML = x} function

Itt a belső HTML-t a „Try it” név által definiált gomb váltja ki.

hogyan kell használni a trim módszert a java-ban

A fenti szöveg kezdeti kimenete:

A kimenet a gombra való kattintás után. A gombra való kattintás nem vezet az oldal újratöltéséhez, hanem a belsőHTML használatának volt köszönhető.

java mi a vektor

InnerHTML az URL megváltoztatásához

Az alábbiakban bemutatunk egy másik példát, amely bemutatja a belső HTML használatát az URL megváltoztatásához a gombra kattintva.

Példa:

  Wikipédia A myFunction () {document.getElementById ('myAnchor'). Link HTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor' linkfunkció módosítása ) .target = '_blank'}

A fenti példa eredetileg a Wikipedia webhelyére mutató hivatkozást adja meg, de a gombra kattintva a link a Google-ra változik.

Számos olyan művelet létezik, ahol a belső HTML akkor hasznos, ha az oldalt nem kell újratölteni, és csak egy részét kell frissíteni.Ez időt takarít meg, és kevesebb erőfeszítést kell tenni a megközelítés érdekében.A belső HTML legnagyobb előnye a felhasználói élmény, amelyet ez a funkció tovább fejleszt.

Nézze meg a írta Edureka. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k segítségével, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.

Van egy kérdésünk? Kérjük, említse meg a „String konkatenáció JavaScriptben” megjegyzés rovatban, és mi kapcsolatba lépünk Önnel.