Све што треба да знате о унутрашњем ХТМЛ-у у ЈаваСцрипт-у



Унутрашњи ХТМЛ у ЈаваСцрипт-у је врло корисна функција и широко се користи за пружање динамичнијег и свестранијег аспекта веб страницама које се креирају.

ЈаваСцрипт је један од најчешће коришћених програмских језика. Такође је прилично популаран због своје свестраности на свим платформама. Постоје различита својства у који вам олакшавају израду динамичке веб странице. У овом чланку ћемо разговарати о унутрашњем ХТМЛ-у у ЈаваСцрипт-у у следећем низу:

Увод у ЈаваСцрипт

ЈаваСцрипт се користи као програмски језик на страни клијента, као и програмски језик на страни сервера. користи се за извршење на страни клијента као и на страни сервера било које апликације. Чвор се такође може назвати Ноде.јс на неколико места.





Јавасцрипт - унутрашњи хтмл у јавасцрипту - едурека

ЈаваСцрипт пружа мноштво метода за неколико функционалности које се изводе с лакоћом. То је оно што је ЈаваСцрипт учинило једним од најпопуларнијих програмских језика, али се такође широко користи у неколико врста развоја производа.



Унутарњи ХТМЛ у ЈаваСцрипт-у

Унутрашњи својство у ЈаваСцрипт-у једна је од врло згодних карактеристика и широко се користи за пружање динамичнијег и свестранијег аспекта веб страницама које се креирају.

Ако покушамо да објаснимо унутрашњи ХТМЛ, онда је посао који ради унутрашњи ХТМЛ једноставно учитавање садржаја странице без освежавања целе странице. Ово штеди употребу података као и време иза учитавања странице и прилично је лако добити. Ово даје кориснику врло брз и реагујући осећај, што чини корисничко искуство много бољим.

Можда звучи мало тешко, али покушајмо да то разумемо помоћу примера.



Пример:

 

Кликните овде да бисте променили унутрашњи ХТМЛ текст.

како створити низ објеката у јави
функција миФунцтион () {доцумент.гетЕлементБиИд ('параграф1'). иннерХТМЛ = 'Параграф промењен!' }

Овде у горњем коду, у ознаци одломака, ид који је параграф1.

Постоји функцију под називом мифунцтион () која би била опозвана кликом на текст „Кликните овде да бисте променили унутрашњи ХТМЛ текст“.Када се функција опозове након клика, функција се извршава што каже гетЕлементБиИд („параграф1“), у којем се наводи да ће елемент са Ид-ом бити демонстриран.

Даље, имамо функцију иннерХТМЛ која након клика једноставно значи шта треба учинити. Овде у горњем примеру, то је једноставно „Параграф промењен“.

Испод је почетни излаз горњег кода.

Водич за скл сервер за почетнике

Испод је промењени излаз након клика.

Унутрашњи ХТМЛ са уређеном или неуређеном листом

Испод је пример за приказ употребе иннерХТМЛ-а са уређеном или неуређеном листом.

Пример:

 
  • Здраво
  • здраво поново

Кликните на доње дугме да бисте добили садржај елемента ул.

Испробајте функцију хеллоФунцтион () {вар к = доцумент.гетЕлементБиИд ('миЛист'). ИннерХТМЛ доцумент.гетЕлементБиИд ('параграпх1'). ИннерХТМЛ = к}

Овде се унутрашњи ХТМЛ покреће дугметом дефинисаним именом „Пробај“.

Почетни излаз горњег текста је:

Излаз након клика на дугме. Клик на дугме не доводи до поновног учитавања странице, већ је то последица употребе иннерХТМЛ-а.

како да компајлирам јава програм

ИннерХТМЛ за промену УРЛ-а

Испод је још један пример који приказује употребу иннерХТМЛ-а за промену УРЛ-а притиском на дугме.

Пример:

  Википедиа Промена функције везе миФунцтион () {доцумент.гетЕлементБиИд ('миАнцхор'). ИннерХТМЛ = 'Гоогле' доцумент.гетЕлементБиИд ('миАнцхор'). Хреф = 'хттпс://ввв.гоогле.цом' доцумент.гетЕлементБиИд ('миАнцхор' ) .таргет = '_бланк'}

Горњи пример у почетку даје везу до веб странице Википедиа, али када се кликне на дугме, веза се мења на Гоогле.

Постоји неколико таквих операција код којих иннерХТМЛ добро дође када се страница не сме поново учитати, а само један део треба ажурирати.То штеди време, као и мање напора који треба уложити за приступ.Највећа предност иннерХТМЛ-а је корисничко искуство које је побољшано овом функцијом.

Погледајте од Едуреке. Обука за сертификацију за веб развој ће вам помоћи да научите како да креирате импресивне веб локације помоћу ХТМЛ5, ЦСС3, Твиттер Боотстрап 3, јКуери и Гоогле АПИ-ја и примените их на Амазон Симпле Стораге Сервице (С3).

Имате питање за нас? Молимо вас да га помињете у одељку за коментаре „Спајање низова у ЈаваСцрипт-у“ и јавићемо вам се.