ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਰਤੋਂ

<script> ਟੈਗ

HTML ਵਿੱਚ، JavaScript ਕੋਡ ਜ਼ਰੂਰ ਟੈਗ <script> ਨਾਲ </script> ਟੈਗ ਵਿੱਚ.

ਇੰਸਟੈਂਸ

<script>
document.getElementById("demo").innerHTML = "ਮੇਰਾ ਪਹਿਲਾ ਜ਼ਿਲ੍ਹਾ JavaScript";
</script>

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ

注释：旧的 JavaScript 例子也许会使用 type 属性：<script type="text/javascript">。

注释：type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。

JavaScript 函数和事件

JavaScript 函数是一种 JavaScript 代码块，它可以在调用时被执行。

例如，当发生事件时调用函数，比如当用户点击按钮时。

提示：您将在稍后的章节学到更多有关函数和事件的知识。

<head> 或 <body> 中的 JavaScript

您能够在 HTML 文档中放置任意数量的脚本。

脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中，或兼而有之。

<head> 中的 JavaScript

在本例中，JavaScript 函数被放置于 HTML 页面的 <head> 部分。

该函数会在按钮被点击时调用：

ਇੰਸਟੈਂਸ

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "落被更改。";
}
</script>
</head>
<body>
<h1>一张网页</h1>
<p id="demo">一个落</p>
<button type="button" onclick="myFunction()">试一试</button>
</body>
</html>

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ

<body> 中的 JavaScript

在本例中，JavaScript 函数被放置于 HTML 页面的 <body> 部分。

该函数会在按钮被点击时调用：

ਇੰਸਟੈਂਸ

<!DOCTYPE html>
<html>
<body> 
<h1>A Web Page</h1>
<p id="demo">一个落</p>
<button type="button" onclick="myFunction()">试一试</button>
<script>
function myFunction() {
   document.getElementById("demo").innerHTML = "落被更改。";
}
</script>
</body>
</html>

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ

提示：把脚本置于 <body> 元素的底部，可改善显示速度，因为脚本编译会拖慢显示。

外部脚本

脚本可放置与外部文件中：

外部文件：myScript.js

function myFunction() {
   document.getElementById("demo").innerHTML = "落被更改。";
}

外部脚本很实用，如果相同的脚本被用于许多不同的网页。

JavaScript 文件的文件扩展名是 .js。

如需使用外部脚本，请在 <script> 标签的 src (source) 属性中设置脚本的名称：

ਇੰਸਟੈਂਸ

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

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ

您可以在 <head> 或 <body> 中放置外部脚本引用。

该脚本的表现与它被置于 <script> 标签中是一样的。

注释：外部脚本不能包含 <script> ਟੈਗ

ਬਾਹਰੀ JavaScript ਦੇ ਫਾਇਦੇ

ਬਾਹਰੀ ਫਾਈਲ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਰੱਖਣ ਦੇ ਫਾਇਦੇ ਹਨ:

  • HTML ਅਤੇ ਕੋਡ ਨੂੰ ਵੱਖ ਰੱਖਿਆ ਗਿਆ ਹੈ
  • HTML ਅਤੇ JavaScript ਨੂੰ ਪੜ੍ਹਨ ਅਤੇ ਰੱਖ-ਰਖਾਅ ਕਰਨਾ ਅਸਾਨ ਬਣਾਉਂਦਾ ਹੈ
  • ਕੈਸ਼ੇਡ ਹੋਈ JavaScript ਫਾਈਲਾਂ ਨਾਲ ਪੰਨੇ ਲੋਡ ਹੋਣਾ ਤੇਜ਼ ਹੁੰਦਾ ਹੈ

ਇੱਕ ਪੰਨੇ ਵਿੱਚ ਕਈ ਸਕ੍ਰਿਪਟ ਫਾਈਲਾਂ ਜੋੜਨ ਲਈ - ਕਈ script ਟੈਗਸ ਵਰਤੋਂ ਕਰੋ:

ਇੰਸਟੈਂਸ

<script src="myScript1.js"></script>
<script src="myScript2.js"></script>

ਬਾਹਰੀ ਸੰਦਰਭ

ਬਾਹਰੀ ਸਕ੍ਰਿਪਟ ਨੂੰ ਪੂਰੀ ਯੂਆਰਐੱਲ ਜਾਂ ਮੌਜੂਦਾ ਵੈੱਬਪੰਨੇ ਦੇ ਸਬੰਧ ਵਿੱਚ ਸੰਦਰਭਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

ਇਸ ਇੰਸਟੈਂਸ ਵਿੱਚ ਪੂਰੀ ਯੂਆਰਐੱਲ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਗਈ ਹੈ:

ਇੰਸਟੈਂਸ

<script src="https://www.codew3c.com/js/myScript1.js"></script>

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ

ਇਸ ਇੰਸਟੈਂਸ ਵਿੱਚ ਸਾਥੇ ਵਾਲੇ ਸਾਇਟ 'ਤੇ ਸਥਿਤ ਸਪੈਸ਼ਲ ਫੋਲਡਰ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਵਰਤਿਆ ਗਿਆ ਹੈ:

ਇੰਸਟੈਂਸ

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

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ

ਇਸ ਪੰਨੇ ਦੇ ਨਾਲ ਮੇਲ ਖਾਣ ਵਾਲੇ ਫੋਲਡਰ ਵਿੱਚ ਸਕ੍ਰਿਪਟ ਲਿੰਕ ਕੀਤਾ ਗਿਆ ਹੈ:

ਇੰਸਟੈਂਸ

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

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ

ਤੁਸੀਂ HTML ਫਾਈਲ ਪਥਫਾਈਲ ਪਥ ਦੇ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਸੈਂਟਰ ਵਿੱਚ ਅਧਿਕ ਸਿੱਖੇ ਜਾਵੇ।