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 ++
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} functionItt 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.