Ano ang JS file?

Ang JS (JavaScript) ay mga file na naglalaman ng JavaScript code para sa pagpapatupad sa mga web page. Ang mga JavaScript file ay iniimbak gamit ang .js extension. Sa loob ng HTML na dokumento, maaari mong i-embed ang JavaScript code gamit ang mga tag na <script></script> o magsama ng JS file. Katulad ng CSS na mga file, ang mga JS file ay maaaring isama sa maraming HTML na dokumento para sa muling paggamit ng code. Maaaring gamitin ang JavaScript upang manipulahin ang HTML DOM.

Maikling Kasaysayan

Ang JavaScript ay unang naipadala bilang bahagi ng Navigator Browser noong Setyembre 1995 na may pangalang LiveScript ng Netscape. Pinalitan ito ng pangalang JavaScript pagkalipas ng tatlong buwan. Noong 1996, in-reverse-engineer ng Microsoft ang interpreter ng Navigator upang lumikha ng JScript. Ang JScript ay inilabas sa Internet Explorer at ibang-iba kaysa sa JavaScript.

Nagsumite ang Netscape ng JavaScript sa ECMA International na humahantong sa opisyal na paglabas ng unang detalye ng ECMAScript noong 1997. Ang ECMAScript 2 ay inilabas noong 1998, ECMAScript 3 noong 1999, at nagsimula ang paggawa sa ECMAScript 4 noong 2000 ngunit hindi kailanman naabot ang katuparan.

Si Jesse James Garrett noong 2005 ay naglabas ng isang puting papel kung saan nilikha niya ang terminong Ajax. Ginamit nito ang JavaScript bilang backbone upang lumikha ng mga web application na nag-load ng data sa background at umiwas sa buong pag-reload ng pahina. Nagresulta ito sa paglikha ng mga aklatan tulad ng JQuery, Prototype, Dojo, atbp.

Inilabas ng Google ang Chrome browser na may V8 JavaScript engine noong 2008. Noong unang bahagi ng 2009, isang kasunduan ang ginawa upang pagsamahin ang lahat ng nauugnay na gawain at isulong ang JavaScript. Nagresulta ito sa paglabas ng ECMAScript 5 Standard noong Disyembre 2009.

Paano gamitin ang mga JS file

Upang gumamit ng JS file, isama mo ito sa HTML na dokumento. Ginagamit mo ang link tag upang isama ang file tulad ng ipinapakita sa ibaba.

<script src="site.js"></script>

Ang src attribute ng script tag ay naglalaman ng path patungo sa JS file. Sa paggawa nito, ang JS functionality ay idinagdag sa HTML na dokumento.

JS Syntax

Ang mga JavaScript file ay maaaring maglaman ng mga variable, operator, function, kundisyon, loop, array, object, atbp. Ibinigay sa ibaba ang isang maikling pangkalahatang-ideya ng syntax ng JavaScript.

  • Ang bawat utos ay nagtatapos sa isang semicolon(;).
  • Gamitin ang var na keyword upang magdeklara ng mga variable.
  • Sinusuportahan ang mga operator ng aritmetika ( + - * / ) upang makalkula ang mga halaga.
  • Ang mga komento sa solong linya ay idinaragdag ng // at ang mga multiline na komento ay napapalibutan ng /* at */.
  • Ang lahat ng mga identifier ay case-sensitive i.e. modelNo at modelno ay dalawang magkaibang variable.
  • Tinutukoy ang mga function sa pamamagitan ng paggamit ng function na keyword.
  • Maaaring tukuyin ang mga array gamit ang mga square bracket [].
  • Sinusuportahan ng JS ang mga operator ng paghahambing tulad ng ==, != , >=, !==, atbp.
  • Maaaring tukuyin ang mga klase gamit ang klase na keyword.

Halimbawa ng Paggamit ng JS

Ang sumusunod ay nagpapakita ng isang simpleng halimbawa ng paggamit ng JavaScript file.

HTML Document 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS Test</title>
    <script src="main.js"></script>
</head>

<body>
    <div class="content-wrapper">
        <h1 id="heading">Test document for JS testing</h1>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium officia similique illum magni explicabo,
            tempore neque nulla laborum voluptas sint molestias libero et corporis omnis asperiores incidunt,
            perferendis
            sed aut!</p>

            <button type="button" onclick="showAlert()">Show Alert</button>
            <button type="button" onclick="updateHeading()">Update Heading</button>
    </div>
</body>

</html>

JS Code 

function showAlert() {
    alert("Alert from JS file");
}

function updateHeading() {
    document.getElementById('heading').innerHTML = 'Heading changed with JS';
}

Mga Sanggunian

See Also