JavaScript je jedným z najbežnejšie používaných programovacích jazykov. Je tiež veľmi populárny pre svoju univerzálnosť naprieč platformami. V serveri sú rôzne vlastnosti ktoré uľahčujú vašu prácu pri vytváraní dynamického webu. V tomto článku sa budeme zaoberať vnútorným HTML v JavaScripte v nasledujúcom poradí:
Úvod do JavaScriptu
JavaScript sa používa ako programovací jazyk na strane klienta aj ako programovací jazyk na strane servera. sa používa na vykonanie na strane klienta aj servera akejkoľvek aplikácie. Uzol možno na viacerých miestach označiť aj ako Node.js.
JavaScript poskytuje množstvo metód na jednoduché vykonávanie niekoľkých funkcií. Vďaka tomu sa JavaScript stal jedným z najpopulárnejších programovacích jazykov a taktiež sa široko používa pri rôznych druhoch vývoja produktov.
Vnútorné HTML v JavaScripte
Vnútorné Vlastnosť v JavaScripte je jednou z veľmi užitočných funkcií a je široko používaná na zabezpečenie dynamickejšieho a všestrannejšieho aspektu vytváraných webových stránok.
Ak sa pokúsime vysvetliť vnútorný HTML jednoducho, potom pracuje vnútorný HTML jednoducho na načítanie obsahu stránky bez obnovenia celej stránky. To šetrí dátové využitie, ako aj čas potrebný na načítanie stránky a je celkom ľahké ho získať. To dáva používateľovi veľmi rýchly a pohotový pocit, vďaka čomu je používateľský zážitok oveľa lepší.
Môže to znieť trochu ťažko, ale skúsme to pochopiť pomocou príkladu.
prejsť na vyhlásenie c ++
Príklad:
Kliknite sem, aby ste zmenili vnútorný text HTML.
function myFunction () {document.getElementById ('paragraph1'). innerHTML = 'Odstavec zmenený!' }
Tu vo vyššie uvedenom kóde v značke odseku je ID tohto odseku odsek 1.
Existuje funkcie pomenovanú myfunction (), ktorá by bola zrušená po kliknutí na text „Kliknutím sem zmeníte text vnútorného HTML“.Keď je funkcia po kliknutí odvolaná, vykoná sa funkcia, ktorá hovorí getElementById („odsek1“), v ktorej je uvedený prvok s ID ako ukážka.
Ďalej máme funkciu innerHTML, ktorá po kliknutí označí, čo sa má urobiť. V tomto príklade je to jednoducho „Zmenený odsek“.
Nižšie je uvedený počiatočný výstup vyššie uvedeného kódu.
Nižšie je zmenený výstup po kliknutí.
Vnútorné HTML so zoradeným alebo neusporiadaným zoznamom
Nižšie je uvedený príklad, ktorý ukazuje použitie InsideHTML s usporiadaným alebo neusporiadaným zoznamom.
Príklad:
- Ahoj
- Ahoj zas
Kliknutím na tlačidlo nižšie získate obsah prvku ul.
Skúste to funkciu helloFunction () {var x = document.getElementById ('myList'). InnerHTML document.getElementById ('odsek1'). InnerHTML = x}Tu sa vnútorný HTML aktivuje tlačidlom definovaným názvom „Try it“.
čo je viacnásobné dedičstvo v jave
Počiatočný výstup vyššie uvedeného textu je:
Výstup po kliknutí na tlačidlo. Kliknutie na toto tlačidlo nevedie k opätovnému načítaniu stránky, ale bolo to kvôli použitiu kódu vnútornej HTML.
čo robí ios vývojár
InnerHTML na zmenu adresy URL
Nižšie uvádzame ďalší príklad, ktorý ukazuje použitie innerHTML na zmenu adresy URL po kliknutí na tlačidlo.
Príklad:
Wikipedia Zmeniť funkciu odkazu myFunction () {document.getElementById ('myAnchor'). InnerHTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor') ) .target = '_blank'}
Vyššie uvedený príklad pôvodne poskytuje odkaz na webovú stránku Wikipedia, ale po kliknutí na tlačidlo sa odkaz zmení na Google.
Existuje niekoľko takýchto operácií, keď je vnútorný HTML vhodný, keď sa stránka nemá načítať znova a aktualizuje sa iba časť.To šetrí čas a je potrebné vynaložiť menej úsilia na tento prístup.Najväčšou výhodou innerHTML je užívateľský zážitok, ktorý je vylepšený touto funkciou.
Pozrite sa na od Edureka. Osvedčenie o školení v oblasti vývoja webových stránok vám pomôže Naučte sa, ako vytvárať pôsobivé webové stránky pomocou HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).
Máte na nás otázku? Uveďte to v sekcii komentárov v časti „Zreťazenie reťazcov v JavaScripte“ a my sa vám ozveme.