فروشگاه همواره تخفیف 2050
0 محصولات نمایش سبد خرید

هیچ محصولی در سبد خرید نیست.

از کجا به جاوا اسکریپت

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

<script>
document.getElementById ("نسخه ی نمایشی"). localHTML = "اولین جاوا اسکریپت من"؛
</script>

ممکن است مثالهای قدیمی جاوا اسکریپت از یک ویژگی خاص استفاده کنند:  <script type=”text/javascript”>

نوع ویژگی مورد نیاز نیست. JavaScript زبان نویسی پیش فرض در HTML است.

توابع و رویدادهای JavaScript


عملکرد JavaScript بلوک کد جاوا اسکریپت است که می تواند هنگام “فراخوانی” اجرا شود.

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

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

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

در این مثال ، یک عملکرد JavaScript در بخش<head> یک صفحه HTML قرار می گیرد.

با کلیک بر روی یک دکمه ، این تابع به این صورت می شود.

<! DOCTYPE html>
<html>
<head>
<script>
عملکرد myFunction ()
  document.getElementById ("نسخه ی نمایشی"). localHTML = "پاراگراف تغییر یافت."؛
}
</script>
</head>
<body>

<h1> یک صفحه وب </h1>
<p id = "نسخه ی نمایشی"> یک پاراگراف </ p>
<button type = "button" onclick = "myFunction ()"> آن را امتحان کنید </button>

</body>
</html>

در این مثال ، یک عملکرد JavaScript در بخش <body>یک صفحه HTML قرار می گیرد.

با کلیک بر روی یک دکمه ، این تابع به این صورت می شود.

<! DOCTYPE html>
<html>
<body>

<h1> یک صفحه وب </h1>
<p id = "نسخه ی نمایشی"> یک پاراگراف </ p>
<button type = "button" onclick = "myFunction ()"> آن را امتحان کنید </button>

<script>
عملکرد myFunction ()
 document.getElementById ("نسخه ی نمایشی"). localHTML = "پاراگراف تغییر یافت."؛
}
</script>

</body>
</html>

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

JavaScript خارجی


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

عملکرد myFunction ()
  document.getElementById ("نسخه ی نمایشی"). localHTML = "پاراگراف تغییر یافت."؛
}

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

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

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

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

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

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

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

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

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

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

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

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

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

<script src = "myScript1.js"> </script>
دیدگاه‌های نوشته