ساختار و انواع متغییرها در جاوا اسکریپت

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

کدهای جاوا اسکریپت رو هم میشه داخل تگ head نوشت هم داخل تگ body بااین تفاوت که داخل تگ head فقط کدهایی رو مینویسیم که شامل توابع تعریف شده و متغییرها باشن و کدهای باز رو فقط میتونیم داخل تگ body بنویسیم . البته توابع و متغییرها رو هم قطعا میشه در تگ body نوشت.

  <html>
<head>


<script language="javascript">
//توابع و متغییر ها رو میشه اینجا نوشت
</script>


</head>

<body>

<script language="javascript">
//هر نوع کد جاوا اسکریپتی رو میشه اینچا نوشت .
</script>

</body>
</html> 

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

 <script type="text/javascript" src="js1/jsfile.js" /> 

انواع متغییرها در جاوا اسکریپت :

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

  var Name="AppInApps"; //در اینجا نوع متغییر رشته ای در  نظر گرفته میشه
var Number=120; //نوع متغییر از اعداد صحیح در نظر گرفته  میشه
var pi=3.14;//نوع اعشاری
var x=10, y=20;//تعریف و مقدار دهی دو متغییر با هم
var Result;//تعریف بدون مقدار دهی
Result=x*y;

برخی قوانین حاکم بر استفاده از متغییر ها :

- اگه یک رشته با یک متغییر عددی + بشه نتیجه حاصله یک رشته به شکل زیر هست :

 var x = "5" + 2 + 3.5;//نتیجه این عمل : 523.5

اگه یک عدد صحیح با یک عدد اعشاری جمع / تفریق / .... بشه نتیجه اعشاری خواهد بود :

 var x=2+3.5; // نتیجه : 5.5

اگه یک مقدار اعشاری رو داخل یک متغییر صحیح بریزیم نتیجه اعشاری میشه

 var x=2.5; var y=3;
y=x; // نتیجه y=2.5

نحوه چاپ خروجی در یک سند html :

راههای زیادی برای چاپ خروجی در javascript داریم که ما فعلا ما فقط از یک راه استفاده میکنیم . در بخش های بعدی با انواع نوشتن در یک سند html بیشتر آشنا میشیم.

 var str="i am learning from appinapps"
var x=18;
var str2="your grade is : "
document.write(str);//چاپ : i am learning from appinapps
document.write(str2 + x);//چاپ : your grade is : 18
document.writeln("Hi User!!");//چاپ و بردن خروجی بعدی یک  خط پایین تر

انواع دایلوگ باکس ها در جاوا اسکریپت :

جاوا اسکریپت از سه نوع دایلوگ برای موارد مختلف استفاده میکنه :

 alert("Hi User, Welcome To Our WebSite");//نمایش یک  دایلوگ باکس صرفا برای اعلان
confirm("Are You Sure?");//یک دایلوگ پرسشی برای سوال از  کاربر ظاهر میشه که دو مقدار yes/no داره
prompt("لطفا نام خود را وارد کنید ","");

بایک مثال این جلسه رو به پایان میبریم :

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

 <html>
<body>




<script>

var name= prompt("Please enter your name", "Harry");
var code=prompt("Please enter your code", "code");

if(confirm("are you sure you want to print")==true)
{
    alert("name : " + name + " code: " + code);
}
else
{
    alert("by.....");
}



</script>

</body>
</html> 

تا جلسه بعد . در پناه یکتای بی همتا....

 

 


فایلهای ضمیمه
توجه! هیچ فایل ضمیمه ای برای این مطلب یافت نشد

نظرات شما نظر جدید