Ang JavaScript ay isa sa mga pinakalawak na ginagamit na wika ng programa. Medyo popular din ito para sa kanyang kagalingan sa maraming gamit sa mga platform. Mayroong iba't ibang mga pag-aari sa na ginagawang mas madali ang iyong gawaing pagbuo ng isang pabago-bagong website. Sa artikulong ito, tatalakayin namin ang Inner HTML sa JavaScript sa sumusunod na pagkakasunud-sunod:
Panimula sa JavaScript
Ginagamit ang JavaScript bilang isang wikang nagprogram ng panig ng client pati na rin ang isang wika ng programang panig ng server. ay ginagamit upang magpatupad sa panig ng client pati na rin server-side ng anumang aplikasyon. Ang isang node ay maaari ring tinukoy bilang Node.js sa maraming mga lugar.
Nagbibigay ang JavaScript ng napakaraming mga pamamaraan para sa maraming mga pagpapaandar na maisagawa nang madali. Ito ang gumawa ng JavaScript ng isa sa mga pinakatanyag na wika ng programa pati na rin ang malawak na paggamit sa iba't ibang mga uri ng pag-unlad ng produkto.
Panloob na HTML sa JavaScript
Kalooban ang pag-aari sa JavaScript ay isa sa mga madaling gamiting tampok at malawakang ginagamit upang magbigay ng isang mas pabago-bagong at maraming nalalaman na aspeto sa mga web page na nilikha.
Kung susubukan naming ipaliwanag ang panloob naHTML pagkatapos ay ang gawaing ginawa ng panloob naHTML ay simpleng upang mai-load ang nilalaman ng pahina nang hindi nai-refresh ang buong pahina. Sine-save nito ang paggamit ng data pati na rin ang oras sa likod ng paglo-load ng pahina at medyo madali itong makuha. Nagbibigay ito sa gumagamit ng isang napakabilis at madaling tumugon na pakiramdam sa gayon ay ginagawang mas mahusay ang karanasan ng gumagamit.
Maaaring parang mahirap ito ngunit subukang unawain ito sa tulong ng isang halimbawa.
Halimbawa:
Mag-click dito upang baguhin ang panloob na teksto ngHTML.
function myFunction () {document.getElementById ('talata1'). panloobHTML = 'Nabago ang talata!' }
Dito sa code sa itaas, sa talata i-tag ang id ng iyon ay talata1.
Meron isang pagpapaandar Pinangalanang myunction () na mababawi sa pag-click sa teksto na 'Mag-click dito upang baguhin ang panloob naHTML na teksto'.Kapag ang pag-andar ay binawi sa pag-click, ang pagpapaandar ay naisakatuparan na nagsasabing getElementById ('talata1'), na nagsasaad ng elemento ng Id bilang isang demo ay mapipili.
Dagdag dito, mayroon kaming panloob na pagpapaandar naHTML na nangangahulugang pagkatapos ng onclick kung ano ang dapat gawin. Dito sa halimbawa sa itaas, ito ay simpleng 'Nabago ang Talata'.
Nasa ibaba ang paunang output ng code sa itaas.
ano ang anaconda para sa sawa
Nasa ibaba ang binago na output pagkatapos ng pag-click.
Panloob na HTML na may order o hindi naayos na listahan
Nasa ibaba ang isang halimbawa upang maipakita ang paggamit ng panloob naHTML na may order o hindi naayos na listahan.
Halimbawa:
- Kamusta
- Hello ulit
I-click ang pindutan sa ibaba upang makuha ang nilalaman ng ul elemento.
Subukan itong gumana helloFunction () {var x = document.getElementById ('myList'). InnerHTML document.getElementById ('talata1'). PanloobHTML = x}Narito ang panloob naHTML ay napalitaw ng pindutan na tinukoy ng pangalang 'Subukan ito'.
Ang paunang output ng teksto sa itaas ay:
Ang output pagkatapos ng pag-click sa pindutan. Ang pag-click sa pindutan ay hindi humantong sa muling pag-load ng pahina ngunit sa halip ay dahil sa paggamit ng panloob naHTML.
binary sa decimal sa java
InnerHTML para sa pagbabago ng URL
Nasa ibaba ang isa pang halimbawa na nagpapakita ng paggamit ng panloob naHTML para sa pagbabago ng URL sa pag-click sa pindutan.
Halimbawa:
Wikipedia Baguhin ang pag-andar ng link myFunction () {document.getElementById ('myAnchor'). InnerHTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor' ) .target = '_blank'}
Ang halimbawa sa itaas ay paunang nagbibigay ng link sa website ng Wikipedia ngunit kapag na-click ang pindutan, nagbago ang link sa Google.
Mayroong maraming mga naturang pagpapatakbo kung saan ang panloob naHTML ay madaling gamitin kapag ang pahina ay hindi muling nai-reload at isang bahagi lamang ang dapat ma-update.Makakatipid ng oras, pati na rin ng kaunting pagsisikap, na gagawin para sa diskarte.Ang pinakadakilang bentahe ng panloob naHTML ay ang karanasan ng gumagamit na pinahusay sa tampok na ito.
Suriin ang ni Edureka. Tutulungan ka ng Pagsasanay sa Pagpapatunay sa Pag-unlad ng Web na Alamin kung paano lumikha ng mga kahanga-hangang website gamit ang HTML5, CSS3, Twitter Bootstrap 3, jQuery at Google API at i-deploy ito sa Amazon Simple Storage Service (S3).
May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng 'String Concatenation in JavaScript' at babalikan ka namin.