یک فایل خارجی JS :

در این حالت تمام اسکریپت های مورد نظر را در یک فایل خارجی متنی با پسوند JS ، تعریف کرده و سپس به وسیله تگ < script > در قسمت < head > صفحه ، بین آن فایل و صفحه لینک ایجاد می کنیم .
از این جالت معمولا در مواردی که بخواهیم کدهای اسکریپت را از محتویات صفحات HTML جدا کرده و یا از یک سری دستورات و توابع اسکریپتی مشترک در چند صفحه استفاده کنیم ، کاربرد دارد .
اسکریپت های این حالت باید در قالب توابع مختلف تعریف شده و تا زمانی که از سوی برنامه یا کاربر فراخوانی نشوند ، اجرا نخواهند شد .

مثال : در مثال زیر ابتدا یک اسکریپت در یک فایل خارجی به نام myscript.js تعریف کرده و سپس بین صفحه و آن فایل ارتباط ایجاد کرده ایم . تابع ( ) hello2 توسط رویداد کلیک دکمه فرمان فراخوانی و اجرا می شود . برای اجرای آن بر روی دکمه فرمان کلیک کنید :

متن فایل   myscript.js
 < script type=”text/javascript” >
function hello2 ( )
{
document.write ( “This script is placed in an external Java Script file . ” )
}
< /script >

 

Example
< html >
< head >
< title > Title of Page عنوان صفحه < /title >
< script type=”text/javascript” src =”../myscript.js” >            * ایجاد لینک بین صفحه و فایل اسکریپت *
< /script >
< /head >
< body >
محتویات صفحه
< input value=”to view script Click me” id=”btnhello2″ type=”button” onclick=”hello2( )” / >
< /body >
</html>		 کد
خروجی