JavaScript سیریل

JavaScript ਨਾਲ HTML ਪੇਜ ਨੂੰ ਗਤੀਸ਼ੀਲ ਅਤੇ ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਬਣਾ ਦਿੰਦਾ ਹੈ

ਉਦਾਹਰਣ

ਮੇਰਾ ਪਹਿਲਾ JavaScript

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

HTML <script> ਟੈਗ

HTML <script> ਟੈਗ ਕਲਾਈਟਮੈਂਟ ਸਕ੍ਰਿਪਟ (JavaScript) ਨੂੰ ਦਿਸਾਉਂਦਾ ਹੈ。

<script> ਐਲੀਮੈਂਟ ਸਕ੍ਰਿਪਟ ਸਟੇਟਮੈਂਟ ਸਮੇਤ ਹੋ ਸਕਦੀ ਹੈ ਜਾਂ ਇਸ ਰਾਹੀਂ ਦੁਬਾਰਾ ਦੁਬਾਰਾ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ: src ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਕ੍ਰਿਪਟ ਫਾਇਲ ਦੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਿਸ਼ਾ ਨੂੰ ਦਿਸਾਉਂਦੀ ਹੈ。

JavaScript ਦੀਆਂ ਆਮ ਵਰਤੋਂਾਂ ਵਿੱਚ ਚਿੱਤਰ ਪ੍ਰਕਿਰਿਆ, ਫਾਰਮ ਪ੍ਰਮਾਣਨ ਅਤੇ ਕੰਟੈਂਟ ਦੇ ਗਤੀਸ਼ੀਲ ਬਦਲਾਅ ਸ਼ਾਮਲ ਹਨ。

HTML ਐਲੀਮੈਂਟ ਚੁਣਨ ਲਈ JavaScript ਵਿੱਚ ਸਭ ਤੋਂ ਆਮ ਮੰਥਨ document.getElementById() ਮੰਥਨ

ਇਹ JavaScript ਉਦਾਹਰਣ id="demo" ਦੇ HTML ਐਲੀਮੈਂਟ ਵਿੱਚ "Hello JavaScript!" ਲਿਖਦਾ ਹੈ:

ਉਦਾਹਰਣ

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਸੁਝਾਅ:ਸਾਡੇ JavaScript ਸਿੱਖਿਆ ਵਿੱਚ ਹੋਰ ਜਾਣਕਾਰੀ ਮੁਹੱਈਆ ਕਰਵਾਉਣ ਲਈ

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";

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

HTML <noscript> ਟੈਗ

HTML <noscript> HTML ਟੈਗ ਇੱਕ ਵਿਕਲਪਿਤ ਸਮਗਰੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦਿੰਦਾ ਹੈ ਜੋ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਨੂੰ ਆਉਣ ਵਾਲਾ ਹੈ ਜਾਂ ਬਰਾਉਜ਼ਰ ਸਕ੍ਰਿਪਟ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ:

ਉਦਾਹਰਣ

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>ਅਫਸੋਸ, ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ JavaScript ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ!</noscript>

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

HTML ਸਕ੍ਰਿਪਟ ਟੈਗ

ਟੈਗ ਵਰਣਨ
<script> ਕਲਾਈਂਟ ਸਕ੍ਰਿਪਟ ਦੇਣਾ
<noscript> ਕਲਾਈਂਟ ਸਕ੍ਰਿਪਟ ਨਹੀਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਪਰਿਭਾਸ਼ਿਤ ਵਿਕਲਪ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਸਾਰੇ ਉਪਲੱਬਧ HTML ਟੈਗਾਂ ਦੀ ਪੂਰੀ ਸੂਚੀ ਦੇਖਣ ਲਈ ਸਾਡੇ HTML ਟੈਗ ਪੁਸਤਕਾਤਮਕ。