ការសរសេរ JavaScript ចូលក្នុង Web Page



កម្មវិធី Web Browser ត្រូវបានបង្កើតឡើងដើម្បីអាចស្គាល់ភាសា HTML និង CSS ហើយបកប្រែភាសាទាំងនោះទៅជាទម្រង់ដែលអាចអាន និងបង្ហាញបាន។ Web Browser ភាគច្រើនគឺមានភ្ជាប់    កម្មវិធីបកប្រែភាសា JavaScript មកស្រាប់ ដូច្នេះវាស្គាល់ភាសានេះ ហើយអាចដំណើរការបាន ។


ដើម្បីសរសេរ JavaScript អ្នកត្រូវមានកម្មវិធី Text Editor ណាមួយមានដូចជា Notepad, Notepad++, NetBeans, Visual Studio,... ។ ជាទូទៅ File របស់ JavaScript មានកន្ទុយ (Extension) *.js ។


គេអាចសរសេរកូដ JavaScript នៅក្នុងចន្លោះ <body><head> នៃ HTML Structure ដែលកូដទាំងអស់នោះត្រូវស្ថិតនៅក្នុងចន្លោះ Tag បើក និងបិទ <script>...</script> ហើយពេលខ្លះយើងឃើញគេសរសេរ <script type=”text/javascript”>...</script> វាមិនមានអ្វីខុសគ្នាអីនោះទេ។ ពាក្យ type=”text/javascript” គ្រាន់តែវាបញ្ជាក់ពី Script សរសេរដោយប្រើ Text ធម្មតា ។

================================================

<script> 

        write JavaScript here… 

</script>

================================================

នៅក្នុងភាសា JavaScript ការសរសេរកូដគឺត្រូវបានប្រកាន់អក្សរ មានន័យថាអក្សរតូច ឬធំត្រូវសរសេរតាមទម្រង់របស់គេ ។ ការសរសេរ JavaScript ចូលក្នុង Web Page មាន ២ របៀបគឺ Internal JavaScript និង External JavaScript ។


ការសរសេរបែប Internal

Internal JavaScript គឺជាការសរសេរ JavaScript នៅក្នុង Web Page ផ្ទាល់តែម្តងក្នុងចន្លោះ <head> ឬក្នុង <body> ក៏បាន ។  

ការសរសេរនៅក្នុងចន្លោះ <head>៖

================================================

<html> 

    <head> 

        <title>...</title> 

        <script> 

        write JavaScript here… 

        </script> 

    </head> 

    <body> 

        ... 

    </body> 

</html>

================================================

ការសរសេរនៅក្នុងចន្លោះ <body>៖

================================================

<html> 

    <head> 

        <title>...</title> 

    </head> 

    <body> 

        ... 

        <script> 

        write JavaScript here… 

        </script> 

    </body> 

</html>

================================================


ការសរសេរបែប External

External JavaScript គឺជាការសរសេរ JavaScript នៅក្នុង Page មួយដាច់ដោយឡែក ហើយ Save File នោះដាក់កន្ទុយ (*.js) រួចហៅវាចូលក្នុង Web Page ដោយសរសេរកូដដូចខាងក្រោម <script src="JavaScript File URL + Extension"></script>

បញ្ជាក់៖ ការសរសេរកូដ JavaScript នៅក្នុង File External មិនចាំបាច់បើក <script> នោះទេ។

ការហៅចូលក្នុង Web Page៖

================================================

<html> 

    <head> 

        <title>...</title> 

        <script​ src="Location of js file/file name + extension .js"></script> 

    </head> 

    <body> 

        ... 

    </body> 

</html>

================================================

**សូមសាកល្បងបង្កើត External JavaScript ដូចខាងក្រោម ៖

myscript.js

----------------------------------------------------------------------------------------------

alert("Thank you for choosing me.");

document.getElementById("output").innerHTML = "Welcome to your first JS.";

----------------------------------------------------------------------------------------------

mypage.html

----------------------------------------------------------------------------------------------

<html> 

    <head> 

        <title>Testing my external JS</title> 

        <script​ src="myscript.js"></script> 

    </head> 

    <body> 

        <h1 id="output"></h1> 

    </body> 

</html>

----------------------------------------------------------------------------------------------

Comments

Popular posts from this blog

Create Pop up Form in JavaScript

ការប្រើ Switch ក្នុង JavaScript