---
title: HTML JavaScript
description: "> JavaScript нь HTML хуудсыг илүү хөдөлгөөнтэй, харилцан үйлчилдэг(interactive) болгодог. ## HTML ` ## JavaScript-ийн чадвараас JavaScript-ийн хийж чадах зарим жишээг энд оруулав. JavaScript нь агуулгыг өөрчлөх боломжтой: `document.getElementById(\"demo\").innerHTML = \"Hello JavaScript!\";` JavaScript нь хэв маягийг өөрчлөх боломжтой: `document.getElementById(\"demo\").style.fontSize =…"
url: "https://apprentice.mn/docs/html-javascript/"
updated: "2021-07-07"
category: HTML
---

# HTML JavaScript

> 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>` тэмдэглэгээ нь хөтөч дээрээ скриптийг идэвхгүйжүүлсэн эсвэл скриптийг дэмждэггүй хөтөчтэй хэрэглэгчдэд үзүүлэх өөр агуулгыг тодорхойлно.

    `<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> | хөтөч дээрээ скриптийг идэвхгүйжүүлсэн эсвэл скриптийг дэмждэггүй хөтөчтэй хэрэглэгчдэд үзүүлэх өөр агуулгыг тодорхойлно. |

##

        [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-javascript%2F&linkname=HTML%20JavaScript](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-javascript%2F&linkname=HTML%20JavaScript)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-javascript%2F&linkname=HTML%20JavaScript](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-javascript%2F&linkname=HTML%20JavaScript)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-javascript%2F&linkname=HTML%20JavaScript](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-javascript%2F&linkname=HTML%20JavaScript)[https://www.addtoany.com/share](https://www.addtoany.com/share)