٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

جاوا اسکریپت کجا

برچسب <script> در HTML ، کد JavaScript بین <script>و </script>برچسب ها درج می شود . مثال <script> document.getElementById("demo").innerHTML = "My First JavaScript"; </script> نمونه های قدیمی جاوا اسکریپت ممکن است از یک ویژگی type استفاده کنند: <script type = “text / javascript”>. ویژگی نوع…

محمد یوسفی

17 جولای 2021

برچسب <script>

در HTML ، کد JavaScript بین <script>و </script>برچسب ها درج می شود .

مثال

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>

نمونه های قدیمی جاوا اسکریپت ممکن است از یک ویژگی type استفاده کنند: <script type = “text / javascript”>.
ویژگی نوع لازم نیست. JavaScript زبان برنامه نویسی پیش فرض در HTML است.


توابع و رویدادهای جاوا اسکریپت

JavaScript functionبلوکی از کد JavaScript است که می تواند در صورت “فراخوانی” اجرا شود.

به عنوان مثال ، هنگامی که یک رویداد رخ می دهد ، می توان یک عملکرد را فراخوانی کرد ، مانند زمانی که کاربر یک دکمه را کلیک می کند.

در فصل های بعدی درباره عملکردها و وقایع بسیار بیشتر خواهید آموخت.


جاوا اسکریپت در <head> یا <body>

می توانید هر تعداد اسکریپت را در یک سند HTML قرار دهید.

اسکریپت ها می توانند در قرار داده شده <body>، و یا در <head>بخش از یک صفحه HTML، و یا در هر دو.


جاوا اسکریپت در <head>

در این مثال ، JavaScript functionدر <head>بخش صفحه HTML قرار داده شده است.

با کلیک روی دکمه ، عملکرد فراخوانی می شود (فراخوانی می شود):

مثال

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>

<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

جاوا اسکریپت در <body>

در این مثال ، JavaScript functionدر <body>بخش صفحه HTML قرار داده شده است.

با کلیک روی دکمه ، عملکرد فراخوانی می شود (فراخوانی می شود):

مثال

<!DOCTYPE html>
<html>
<body>

<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

</body>
</html>

قرار دادن اسکریپت ها در پایین عنصر <body> سرعت نمایش را بهبود می بخشد ، زیرا تفسیر اسکریپت باعث کند شدن نمایشگر می شود.


جاوا اسکریپت خارجی

اسکریپت ها همچنین می توانند در پرونده های خارجی قرار بگیرند:

پرونده خارجی: myScript.js

function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}

اسکریپت های خارجی وقتی عملی هستند که از یک کد در بسیاری از صفحات وب مختلف استفاده شده باشد.

پرونده های جاوا اسکریپت دارای پسوند پرونده .js هستند .

برای استفاده از یک اسکریپت خارجی ، نام فایل اسکریپت را در ویژگی src(منبع) یک <script>برچسب قرار دهید:

مثال

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

می توانید یک مرجع اسکریپت خارجی در <head>یا <body>به دلخواه خود قرار دهید.

رفتار اسکریپت به گونه ای خواهد بود که گویی دقیقاً در محلی که <script>برچسب قرار دارد واقع شده است.

اسکریپت های خارجی نمی توانند حاوی <script>برچسب باشند .


مزایای JavaScript خارجی

قرار دادن اسکریپت ها در پرونده های خارجی دارای مزایایی است:

  • این HTML و کد را از هم جدا می کند
  • خواندن و نگهداری از HTML و JavaScript را آسانتر می کند
  • پرونده های جاوا اسکریپت ذخیره شده می توانند بارگذاری صفحات را تسریع کنند

برای افزودن چندین فایل اسکریپت به یک صفحه – از چندین برچسب اسکریپت استفاده کنید:

مثال

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

منابع خارجی

اسکریپت های خارجی را می توان با یک URL کامل یا یک مسیر نسبت به صفحه وب فعلی ارجاع داد.

این مثال از یک URL کامل برای پیوند دادن به یک اسکریپت استفاده می کند:

مثال

<script src="https://www.w3schools.com/js/myScript.js"></script>

این مثال از اسکریپت واقع در یک پوشه مشخص در وب سایت فعلی استفاده می کند:

مثال

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

این مثال به اسکریپت واقع در همان پوشه صفحه فعلی پیوند دارد:

مثال

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

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها