JavaScript Display Possibilities #
JavaScript дэлгэцийн боломжууд #
JavaScript can “display” data in different ways:
JavaScript нь өгөгдлийг янз бүрийн аргаар “харуулах” боломжтой:
- Writing into an HTML element, using
innerHTML.HTML элемент болгон бичих,
innerHTMLашиглан. - Writing into the HTML output using
document.write().document.write()ашиглан HTML гаралт руу бичих. - Writing into an alert box, using
window.alert().window.alert()ашиглан анхааруулах хайрцаг руу бичих. - Writing into the browser console, using
console.log().console.log()ашиглан хөтчийн консол руу бичих.
Using innerHTML #
InnerHTML ашиглаж байна #
To access an HTML element, JavaScript can use the document.getElementById(id) method.
HTML элементэд хандахын тулд JavaScript нь document.getElementById(id) аргыг ашиглаж болно.
The id attribute defines the HTML element. The innerHTML property defines the HTML content:
id шинж чанар нь HTML элементийг тодорхойлдог. innerHTML шинж чанар нь HTML агуулгыг тодорхойлдог.
Example Жишээ #
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body> Changing the innerHTML property of an HTML element is a common way to display data in HTML.
HTML элементийн innerHTML шинж чанарыг өөрчлөх нь HTML дэх өгөгдлийг харуулах түгээмэл арга юм.
Using document.write() #
Document.write () ашиглах #
For testing purposes, it is convenient to use document.write():
Туршилтын зорилгоор document.write() ашиглах нь тохиромжтой:
Example Жишээ #
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html> Using document.write() after an HTML document is loaded, will delete all existing HTML:
HTML баримт бичиг ачаалсны дараа document.write () -ийг ашигласнаар одоо байгаа бүх HTML устах болно:
Example Жишээ #
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button type="button" onclick="document.write(5 + 6)">Try it</button>
</body>
</html> <!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
You can skip the window keyword.
Та window түлхүүр үгийг алгасаж болно.
In JavaScript, the window object is the global scope object, that means that variables, properties, and methods by default belong to the window object. This also means that specifying the window keyword is optional:
JavaScript дээр window объект нь дэлхийн хамрах хүрээний объект бөгөөд хувьсагч, шинж чанар, арга нь window объектод харьяалагддаг гэсэн үг юм. Энэ нь window түлхүүр үгийг зааж өгөх нь заавал байх албагүй гэсэн үг юм.
Example Жишээ #
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
alert(5 + 6);
</script>
</body>
</html>
Using console.log() #
Console.log () ашиглах #
For debugging purposes, you can call the console.log() method in the browser to display data.
Алдаа хайх зорилгоор та хөтөч дээрх console.log() аргыг дуудаж өгөгдлийг харуулах боломжтой.
You will learn more about debugging in a later chapter.
Та алдаа хайх талаар дараачийн бүлгээс илүү ихийг мэдэх болно.
Example Жишээ #
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html> JavaScript Print #
JavaScript хэвлэх #
JavaScript does not have any print object or print methods.
JavaScript нь ямар ч хэвлэх объект эсвэл хэвлэх арга байхгүй.
You cannot access output devices from JavaScript.
Та JavaScript-ээс гаралтын төхөөрөмжид хандах боломжгүй.
The only exception is that you can call the window.print() method in the browser to print the content of the current window.
Цорын ганц үл хамаарах зүйл бол та хөтөч дээрх window.print() аргыг дуудаж одоогийн цонхны агуулгыг хэвлэх боломжтой болно.
Example Жишээ #
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html> 
