Have a question?
Message sent Close
View Categories

HTML JavaScript

2 min read

JavaScript нь HTML хуудсыг илүү хөдөлгөөнтэй, харилцан үйлчилдэг(interactive) болгодог.

HTML <script> тэмдэглэгээ #

HTML <script> tag нь clint-side script(Javascript)-ийг тодорхойлоход хэрэглэгддэг 

The <script> element either contains script statements, or it points to an external script file through the src attribute.

<script> элемент нь скриптийн мэдэгдлийг агуулдаг, эсвэлsrc  шинж чанараар дамжуулан гаднах скрипт файл руу чиглүүлж өгдөг.

JavaScript-ийн нийтлэг хэрэглээ бол зураг боловсруулах, хэлбэр дүрс баталгаажуулах, агууламжын хөдөлгөөнт өөрчлөлтийг(dynamic changes of content) хийх юм.

HTML элементийг сонгохын тулд JavaScript ихэвчэн document.getElementById() аргыг ашиглдаг

Энэхүү JavaScript жишээ нь “Сайн уу JavaScript!” id = “demo” бүхий HTML элемент болгон:

Жишээ #

<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>

JavaScript-ийн чадвараас #

JavaScript-ийн хийж чадах зарим жишээг энд оруулав.

JavaScript нь агуулгыг өөрчлөх боломжтой:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

JavaScript нь хэв маягийг өөрчлөх боломжтой:

document.getElementById("demo").style.fontSize = "25px"; document.getElementById("demo").style.color = "red"; document.getElementById("demo").style.backgroundColor = "yellow";

JavaScript нь шинж чанаруудыг өөрчилж болно:

document.getElementById("image").src = "picture.gif";

The HTML <noscript> Tag #

HTML <noscript> тэмдэглэгээ нь хөтөч дээрээ скриптийг идэвхгүйжүүлсэн эсвэл скриптийг дэмждэггүй хөтөчтэй хэрэглэгчдэд үзүүлэх өөр агуулгыг тодорхойлно.

The HTML 

The HTML 

<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script> <noscript>Sorry, your browser does not support JavaScript!</noscript>

HTML Script Tags #

Tag Description
<script> client-side скриптийг тодорхойлно
<noscript> хөтөч дээрээ скриптийг идэвхгүйжүүлсэн эсвэл скриптийг дэмждэггүй хөтөчтэй хэрэглэгчдэд үзүүлэх өөр агуулгыг тодорхойлно.

#

Powered by BetterDocs

Leave a Reply