دانلود پاورپوینت جاوا اسکریپت با فرمت ppt ودر 51 اسلاید قابل ویرایش
قسمتی از متن پاورپوینت جاوا اسکریپت
JavaScript چیست؟
هدف: ایجاد صفحات HTML فعل و انفعالی
زبان اسکریپتی (زبان سبک!)
معمولا در صفحات HTML جاسازی می شود
زبان تفسیری است (بدون کامپایل)
نام رسمی: ECMAScript
•پشتیبانی و تکامل توسط ECMA
•استاندارد رسمی: ECMA-262
•استاندارد سازی این زبان همچنان ادامه دارد
کاربردهای JavaScript
ابزار برنامه نویسی برای طراحان HTML
ایجاد متون پویا در صفحه
•مثال:documet.write("<h1>" + ame + "</h1>")
عکس العمل دربرابر رویدادها
خواندن و تغییر دادن عناصر صفحه
اعتبارسنجی داده ها و جلوگیری از پردازش اضافی
تشخیص نوع مرورگر کاربر
ایجاد و خواندن کوکی ها
و ...
قراردادن JavaScript در صفحه
<html>
<head>
<script type="text/javascript">
alert("This alert box was called with the oload evet");
</script>
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>
<script type="text/javascript">
documet.write("This message is writte by JavaScript");
</script>
</body>
</html>
پاورپوینت جاوا اسکریپت
متغییرها
تعریف:
•var x;
var carame;
مقدار دهی:
•var x=5;
carame="Volvo";
اعمال ریاضی:
•y=x-5;
z=y+5;
جمع کردن رشته و عدد
مثال:
•x=5+5;
documet.write(x);
x="5"+"5";
documet.write(x);
x=5+"5";
documet.write(x);
x="5"+5;
documet.write(x);
نکته
مقدار تعریف نشده = udefied
چند تابع مفید
•parseIt
•parseFloat
•isa
مثال
var x = parsIt(str);
if(isa(x))alert(‘icorrect format!’);
نمایش پیغام
<html>
<head>
<script type="text/javascript">
fuctio show_alert() {
alert("I am a alert box!");
}
</script>
</head>
<body>
<iput type="butto" oclick="show_alert();" value="Show alert box" />
</body>
</html>
پاورپوینت جاوا اسکریپت
دریافت تایید کاربر
<html>
<head>
<script type="text/javascript">
fuctio show_cofirm() {
var r=cofirm("Press a butto");
if (r==true) {
documet.write("You pressed OK!");
} else {
documet.write("You pressed Cacel!");
}
}
</script>
</head>
<body>
<iput type="butto" oclick="show_cofirm();" value="Show cofirm box" />
</body>
</html>
دریافت مقدار از کاربر
<html>
<head>
<script type="text/javascript">
fuctio show_prompt() {
var ame=prompt("Please eter your ame","Harry Potter");
if (ame!=ull && ame!="") {
documet.write("Hello " + ame + "! ");
}
}
</script>
</head>
<body>
<iput type="butto" oclick="show_prompt();" value="Show prompt box" />
</body>
</html>
تعریف تابع با مقدار خروجی
<html>
<head>
<script type="text/javascript">
fuctio product(a,b) {
retur a*b;
}
</script>
</head>
<body>
<script type="text/javascript">
documet.write(product(4,3));
</script>
</body>
</html>
مثال: حلقه for
<html>
<body>
<script type="text/javascript">
for (var i = 1; i <= 6; i++) {
documet.write("<h" + i + ">This is headig " + i);
documet.write("</h" + i + ">");
}
</script>
</body>
</html>
حلقه for i
<html>
<body>
<script type="text/javascript">
var x;
var mycars = ew Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
for (x i mycars) {
documet.write(mycars[x] + "<br />");
}
</script>
</body>
</html>
تمرین
دریافت یک عدد از کاربر و ایجاد همان تعداد فیلد ورود متن (Textbox) در صفحه
ایجاد جدول ضرب * (عدد از یک Textbox دریافت شود)
دیدگاه خود را ثبت کنید