HTML <script> ਟੈਗ
ਕੋਰਸ ਸਿਫਾਰਸ਼:
<script> ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
<script> ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਲਾਉਣ ਵਾਲੇ ਸਕ੍ਰਿਪਟ ਲਈ ਅੰਗ ਨੂੰ ਸਕ੍ਰਿਪਟ ਸਟੇਟਮੈਂਟ ਸਮੇਤ ਕਰਨਾ ਹੈ, ਜਾਂ ਇਸ ਰਾਹੀਂ src ਪ੍ਰਤੀਯੋਗਿਤਾ
ਬਾਹਰੀ ਸਕ੍ਰਿਪਟ ਫਾਈਲ ਦੀ ਸੰਦਰਭ ਪ੍ਰਦਾਨ ਕਰੋ。
ਸਭ ਤੋਂ ਆਮ ਸਕ੍ਰਿਪਟ ਪ੍ਰਕਾਰ ਜਾਵਾਸਕ੍ਰਿਪਟ ਹੈ, ਪਰ ਬਰਾਉਜ਼ਰ ਕੁਝ ਹੋਰ ਸਕ੍ਰਿਪਟ ਭਾਸ਼ਾਵਾਂ ਦੀ ਸਮਰੱਥਾ ਵੀ ਰੱਖਦੇ ਹਨ。
ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੀਆਂ ਸਭ ਤੋਂ ਆਮ ਵਰਤੋਂਆਂ ਵਿੱਚ ਚਿੱਤਰ ਪ੍ਰਕਿਰਿਆ, ਫਾਰਮ ਪ੍ਰਮਾਣੀਕਰਣ ਅਤੇ ਅਚਾਨਕ ਸਮੱਗਰੀ ਦੇ ਬਦਲਾਅ ਸ਼ਾਮਲ ਹਨ。ਨੋਟ: script ਅੰਗ ਦੀ ਕਿਸਮ ਉਸ ਦੇ ਵਰਤੋਂ ਨਾਲ ਬਦਲ ਸਕਦੀ ਹੈ।head ਅੰਗ ਵਿੱਚ ਰਹਿਣ ਵਾਲੇ script ਅੰਗ ਮੇਟਾ ਡਾਟਾ ਅੰਗ ਹਨ, ਹੋਰ ਅੰਗ (ਜਿਵੇਂ body ਜਾਂsection
ਦੇ ਅੰਦਰ ਦੇ ਤੋਂ ਫਸਲ ਤੋਂ ਪਹਿਲਾਂ ਮੌਜੂਦ ਤਾਂ ਫਸਲ ਦਾ ਅੰਗ ਹੈ。
HTML ਟੂਰੀਜ਼:HTML ਸਕ੍ਰਿਪਟ
HTML DOM ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼:ਸਕ੍ਰਿਪਟ ਆਬਜੈਕਟ
ਜਾਵਾਸਕ੍ਰਿਪਟ ਟੂਰੀਜ਼ਜਾਵਾਸਕ੍ਰਿਪਟ ਸਿੱਖੋ
实例
例子 1：定义文档内嵌脚本
使用 JavaScript 写入 "Hello JavaScript!"：
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
//]]>
例子 2：载入外部脚本库
属性
| 属性 | 值 | 描述 |
|---|---|---|
| async | async | 规定脚本在解析页面的同时进行并行下载，并在可用时立即执行（在解析完成之前）（仅适用于外部脚本）。 |
| crossorigin |
|
将请求的模式设置为 HTTP CORS 请求。 |
| defer | defer | ਸਕ੍ਰਿਪਟ ਨੂੰ ਪੇਜ ਦੇ ਪਾਰਸਿੰਗ ਦੇ ਸਮੇਂ ਸਮਾਂਤਰ ਡਾਊਨਲੋਡ ਕਰੋ ਅਤੇ ਪੇਜ ਪਾਰਸਿੰਗ ਪੂਰੀ ਹੋਣ ਤੋਂ ਬਾਅਦ ਚਲਾਓ (ਕੇਵਲ ਬਾਹਰੀ ਸਕ੍ਰਿਪਟ ਲਈ ਲਾਜ਼ਮੀ ਹੈ)。 |
| integrity | filehash | ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਪ੍ਰਾਪਤ ਸਕ੍ਰਿਪਟ ਦੀ ਤਸਦੀਕ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦੇਵੇ, ਤਾਕਿ ਜੇਕਰ ਸੋਰਸ ਕੋਡ ਤਬਦੀਲ ਕੀਤਾ ਗਿਆ ਹੋਵੇ ਤਾਂ ਵੀ ਕੋਡ ਨੂੰ ਲੋਡ ਨਹੀਂ ਕੀਤਾ ਜਾਵੇ। |
| nomodule |
|
ਨਿਰਧਾਰਿਤ ਕਰੋ ਕਿ ਸਕ੍ਰਿਪਟ ਐੱਸ2015 ਮੌਡਿਊਲ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਨਹੀਂ ਚਲੇਗਾ。 |
| referrerpolicy |
|
ਸਕ੍ਰਿਪਟ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਸਮੇਂ ਜਿਨ੍ਹਾਂ ਹਵਾਲੇ ਸੂਚਨਾਵਾਂ ਨੂੰ ਭੇਜਣ ਦੀ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
| src | URL | ਬਾਹਰੀ ਸਕ੍ਰਿਪਟ ਫਾਇਲ ਦੀ URL ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
| ਟਾਈਪ | ਸਕ੍ਰਿਪਟ ਟਾਈਪ | ਸਕ੍ਰਿਪਟ ਦੇ ਮੀਡੀਆ ਟਾਈਪ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
HTML ਅਤੇ XHTML ਦਰਮਿਆਨ ਅੰਤਰ
XHTML ਵਿੱਚ, ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਦਾਖਲ ਸਮਗਰੀ ਨੂੰ #PCDATA (ਸੰਕੇਤਾਂ ਵਿੱਚ ਨਹੀਂ ਸੰਕੇਤਾਂ) ਦੇ ਤੌਰ 'ਤੇ ਐਲਾਨਿਆ ਜਾਂਦਾ ਹੈ, ਇਹ ਮਤਲਬ ਹੈ ਕਿ ਇਨਸਟੈਂਸ਼ਨਸ ਨੂੰ ਪਾਰਸਿੰਗ ਕੀਤਾ ਜਾਵੇਗਾ。
ਇਹ ਮਤਲਬ ਹੈ ਕਿ XHTML ਵਿੱਚ, ਸਾਰੇ ਵਿਸ਼ੇਸ਼ ਅੱਖਰ ਨੂੰ ਕੋਡ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਸਾਰੀ ਸਮਗਰੀ ਸੰਕੇਤਾਂ ਵਿੱਚ ਪੈਕੇ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ:
<script type="text/javascript">
//<![CDATA[
ਵਾਰ ਜੀ = 10;
if (ਜੀ < 5) {
// some code
}
// some code
//]]>
</script>
<script> ਟੈਗ ਹੇਠ ਲਿਖੇ ਸਾਰਵਤਰਿਕ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸਮਰਥਤ ਕਰਦੇ ਹਨ: HTML ਵਿੱਚ ਸਾਰਵਤਰਿਕ ਵਿਸ਼ੇਸ਼ਤਾ。
ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ
ਮੋਸਤ ਬਰਾਉਜ਼ਰ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ: <script> ਐਲੀਮੈਂਟ:
script {
display: none;
}
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
