- <script> тэмдэг
- The <script> Tag
- JavaScript-н функц болон үйлдэл
- JavaScript Functions and Events
- <head> болон <body> дахь Javascript
- JavaScript <head> in <body>
- or
- <head> хэсэгт байрлах Javascript
- <body> дахь Javascript
- JavaScript in <body>
- Javascript-н file-г гаднаас оруулж ирэх
- External JavaScript
- Гаднаас оруулж ирсэн Javascript-н давуу талууд
- External JavaScript Advantages
- Гаднаас оруулж ирсэн файлын лавлагаа
- External References
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script> Өмнөх үеийн JavaScript нь “type” шинж чанарыг ашигладаг байсан байж болно: Жишээ нь:<script type=”text/javascript”>.
Old JavaScript examples may use a type attribute: Example:<script type=”text/javascript”>.
Гэхдээ одоо энэ ”type” шинж чанар ашиглахаа больсон ба Javascript нь HTML-н үндсэн скрипт хэл болжээ.
The type attribute is not required. JavaScript is the default scripting language in HTML
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html> JavaScript-н функц болон үйлдэл #
JavaScript Functions and Events #
Javascript функц нь Javascript-н бүлэг кодоос бүрддэг бөгөөд зөвхөн “дуудагдах” үедээ л ажилладаг.
A JavaScript function is a block of JavaScript code, that can be executed when “called” for.
Жишээ нь хэрэглэгч товчлуур дээр дарах гэх мэт үйлдэл хийх үед функц нь дуудагдаж болдог.
For example, a function can be called when an event occurs, like when the user clicks a button.
Та функц болон үйлдлийн тухай дараагийн бүлэгт илүү тодорхой суралцах болно.
You will learn much more about functions and events in later chapters.
<!DOCTYPE html>
<html>
<body>
<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html> <head> болон <body> дахь Javascript #
JavaScript <head> in <body> #
or #
Та HTML хуудсанд хэд ч хамаагүй script код оруулж болно.
You can place any number of scripts in an HTML document.
Script нь <head> болон гэсэн хоёр хэсэгт тусдаа байж болно эсвэл хоёуланд нь бичигдэж болдог.
Scripts can be placed in the <head>, or in the <body> section of an HTML page, or in both.
<head> хэсэгт байрлах Javascript #
Энэхүү жишээнд Javascript-н функц нь HTML хуудасны <head> хэсэгт байрлаж байна.
In this example, a JavaScript function is placed in the <head> section of an HTML page.
функц нь товчлуур дарахад дуудагдаж байна.
The function is invoked (called) when a button is clicked:
<body> дахь Javascript #
JavaScript in <body> #
Энэ жишээнд Javascript функц нь HTML-н <body> хэсэгт бичигдэнэ.
In this example, a JavaScript function is placed in the <body> section of an HTML page.
Функц нь товчлуур дарахад дуудагдана.
The function is invoked (called) when a button is clicked:
Скриптийг орчуулах ажил нь хуудсыг удаашруулдаг учир элементийн төгсгөл хэсэгт скриптийг байрлуулах нь хуудасны хурдыг сайжруулж байгаа гэсэн үг юм.
Placing scripts at the bottom of the element improves the display speed, because script interpretation slows down the display.
Javascript-н file-г гаднаас оруулж ирэх #
External JavaScript #
Скрипт нь гадны файлаас орж ирж болдог.
Scripts can also be placed in external files:
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
} Нэг кодыг вэб хуудсанд дахин дахин хэрэглэх шаардлагатай үед гаднаас оруулж ирсэн скрипт нь маш хэрэгцээтэй зүйлийн нэг юм.
External scripts are practical when the same code is used in many different web pages.
JavaScript-н файлууд .js гэсэн өргөтгөлтэй байдаг.
JavaScript files have the file extension .js.
гаднаас файл хэрэглэхийн тулд скрипт файлынхаа нэрийг </script> тэмдэгийг src шинж чанарт бичдэг.
To use an external script, put the name of the script file in the src (source) attribute of a </script>
<script src="myScript.js"></script>
Скриптийн гаднаас оруулж ирсэн файлаа юм уухэсэгт өөрийн дуртайгаараа байрлуулж болно.
You can place an external script reference in or as you like.
Скрипт нь тэмдэгт дотор ажилладаг шигээ адилхан ажиллана.
The script will behave as if it was located exactly where the
Гаднаас оруулж ирсэн скрипт гэхдээ тэмдэг агуулдаггүй.
External scripts cannot contain
Гаднаас оруулж ирсэн Javascript-н давуу талууд #
External JavaScript Advantages #
Гаднас скрипт файл оруулж ирэхэд хэд хэдэн давуу талтай
Placing scripts in external files has some advantages:
- энэ нь HTML код хоёрыг тусгаарладаг
- It separates HTML and code
- энэ нь HTML болон Javascript хоёрыг унших болон үргэлжлүүлэхэд амархан болгодог
- It makes HTML and JavaScript easier to read and maintain
- Түр хадгалсан Javascript файл ачаалалсан хуудасны хурдыг сайжруулж чаддаг
- Cached JavaScript files can speed up page loads
Хэд хэдэн скрипт файлыг нэг хуудсан дээр нэмэхийн тулд хэд хэдэн скрипт тэмдэгийг ашигладаг
To add several script files to one page – use several script tags:
<script src="myScript1.js"></script>
<script src="myScript2.js"></script> Гаднаас оруулж ирсэн файлын лавлагаа #
External References #
Гадны скриптийг бүтэн URL эсвэл одоогийн вэб хуудастай холбоотой замаар лавлаж болдог
External scripts can be referenced with a full URL or with a path relative to the current web page.
энэхүү жишээ нь бүтэн URL хаягийг скрипт рүү линкээр холбохын тулд хэрэглэдэг
This example uses a full URL to link to a script:
<script src="https://www.Apprentice.mn/js/myScript1.js"></script>
<script src="/js/myScript1.js"></script>
<script src="myScript1.js"></script> HTML File Paths. бүлэгт та файлын замын тухай илүү ихийг уншиж танилцах болно.
You can read more about file paths in the chapter HTML File Paths.
