درخواست های ارتباط
جستجو
لیست دوستان من
صندوق پیام
همه را دیدم
  • در حال دریافت لیست پیام ها
صندوق پیام
رویدادها
همه را دیدم
  • در حال دریافت لیست رویدادها
همه رویدادهای من
تخفیف های وب سایت
همه تخفیف ها

عضویت در

کانال تلگرام

توسینسو

اطلاعات مطلب
مدرس/نویسنده
برنا درودی
امتیاز: 1286
رتبه:259
0
9
0
3
Web designer & GEEK پروفایل کاربر

آموزش جاوااسکریپت قسمت دوم

تاریخ 62 ماه قبل
نظرات 1
بازدیدها 283
در قسمت آموزش جاوا اسکریپت، در مورد کلیات این زبان اسکریپت نویسی صحبت کردیم. در بخش دوم در مورد اینکه به چه روش هایی میشه از کدهای جاوااسکریپت در صفحه ها استفاده کرد صحبت می کنیم.

شما میتونید کد های جاوااسکریپت تون رو تو هر جای سند HTML تون بذارید ولی بیشتر در چند جا پیشنهاد میشه که کد جاوااسکریپتتون رو بذارید که در زیر به اون ها اشاره می کنم:

  1. کد اسکریپت در تگ <head>Javascript code</head> .
  2. کد اسکریپت در بین تگ <body>Javascript code</body>.
  3. کد اسکریپت در بین هر دو تگ <body>...<body&gt; و &lt;head&gt;...&lt;head>.
  4. کد اسکریپت در یک فایل اکسترنال (خارجی).

درباره ی موارد بالا در ادامه توضیح خواهم داد .

جاوااسکریپت در بین تگ های <head>...</head>.

<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
   alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
در کد بالا ما میگوییم وقتی دکمه ما کلیک شد تابع () sayHello اجرا شود و بعد در تابع sayHello میگوییم که یک پیام به ما بدهد که در آن نوشته شده است Hello World .
برای اینکه موضوع را بهتر درک کنید بر روی لینک روبرو کلیک کنید . خودت امتحان کن

جاوااسکریپت در بین تگ های <body>...</body>.

اگر شما میخواین همراه با لود شدن صفحه تان کد اسکریپتتان هم اجرا شود بهتر است آن را در بین تگ های <body>...</body> بذارید. مرورگر همراه با بارگذاری صفحه، کدهایی که در قسمت Body نوشته شده رو پردازش و اجرا می کنه.

<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>

نتیجه این کد درون صفحه مان به صورت زیر است :

Advertisements

Hello World
This is web page body

برای اینکه کد بالا را بهتر درک کنید روی لینک مقابل کلیک کنید . خودت امتحان کن

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

شما میتونید کد جاوااسکریپتتان را با هم در تگ های <body> و <head> بگذارید مانند کد زیر :

<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
   alert("Hello World")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

کد بالا در واقع مخلوط شده ی 2 کد بالاست یعنی ما در کد جاوااسکریپتی که در <head> وجود دارد گفته ایم که اگر دکمه درون صفحه ما کلیک شد تابع() sayHello اجرا شود و بعد در این تابع میگوییم که یک پیامی به ما نشان دهد که حاوی متن Hello World است .
برای اینکه کد بالا را بهتر درک کنید روی لینک مقابل کلیک کنید . خودت امتحان کن

جاوااسکریپت در فایل خارجی (External)

آخرین روشی که درباره اون صحبت می کنم که توصیه شده ترین روش هست، قرار دادن کدهای جاوااسکریپت در یک فایل خارجی و لینک دادن اون به صفحتون هست. دلیل اینکه این روش زیاد توصیه میشه، قابلیت استفاده از یک کد در چندین صفحه و همچنین لود شدن سریع تر صفحه (به دلیل Cache کردن فایل جاوااسکریپت توسط مرورگر در کلاینت) هست:

<html>
<head>
<script type="text/javascript" src="filename.js" ></script>
</head>
<body>
.......
</body>
</html>

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

خب دوستان این بخش دوم آموزش جاوااسکریپت بود امیدوارم که براتون مفید بوده باشه .

نویسنده : برنا درودی
منبع : انجمن تخصصی فناوری اطلاعات ایران .
هرگونه کپی برداری از این مطلب بدون ذکر منبع یا نام نویسنده دارای اشکال اخلافی میباشد .
برچسب ها
ردیف عنوان
1 آموزش جاوااسکریپت قسمت اول
2 آموزش جاوااسکریپت قسمت دوم
3 آموزش جاوااسکریپت قسمت سوم
دوره مجموعه کل دوره
مطالب مرتبط

در حال دریافت اطلاعات

نظرات
  • سلام مهندس خسته نباشید بنده یک سوال دارم

    سوال من اینه من میخام یک سایت دو صفحه ای درست کنم که بر روی صفحه index یک کادر متن و یک دکمه قرار بدم و بر روی صفحه دوم یک label حالا میخام یک فایل جاوا اسکریپت خارجی بسازم و توی اون یک متغیر تعریف کنم که مقدارش رو از کادر متن دریافت کنه یعنی اینکه مقدار درون کادر متن رو داخل متغیر فایل خارجی جاوا اسکریپت ذخیره کنه و بعد در صفحه دوم بتونم مقدار درون متغیر رو در کنترل label نمایش بدم
    ممنون میشم اگه راهنمایی بفرمایید

برای ارسال نظر ابتدا به سایت وارد شوید