photo_2016-01-18_02-03-32

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

آموزش جاوا اسکریپت 2 :
نمایش متن در پنجره هشدار مرورگر:

مثال:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>

در مثال بالا وقتی صفحه وب شما اجرا می شود حاصل جمع(5+6) را در پنجره هشدار نمایش می دهد.

نکته: می توانید به جای(5+6) هر متنی که دوست دارید نمایش دهید.

حتما متن را بین” ” قرار دهید.
نمایش متن در صفحه با جاوا اسکریپت:

مثال:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
document.write(5 + 6);
</script>

</body>
</html>

در مثال بالا حاصل جمع (5+6) را در صفحه نمایش می دهد.

نکته: می توانید به جای(5+6) هر متنی که دوست دارید نمایش دهید.

حتما متن را بین” ” قرار دهید.

در جاوا اسکریپت برای ایجاد متغیر از کلمه var استفاده می شود.

مثال:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Statements</h1>

<p>Statements are separated by semicolons.</p>

<p>The variables x, y, and z are assigned the values 5, 6, and 11:</p>

<p id=”demo”></p>

<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById(“demo”).innerHTML = z;
</script>

</body>
</html>

در مثال بالا سه متغیر ایجاد شده که مقدار یکی 6 و دیگری 5 است و در متغیر سوم حاصل جمع آن ها حساب می شود و در صفحه نمایش داده می شود.

نکته: در جاوا اسکریپ یک نوع متغیر وجود دارد که مقدار موجود در آن ها نشان می دهد که چه نوعی است.(رشته ای یا عددی)

مثال:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Statements</h1>

<p>Statements are separated by semicolons.</p>

<p>The variables x, y, and z are assigned the values 5, 6, and 11:</p>

<p id=”demo”></p>

<script>
var x = “s”;
var y = “s”;
var z = x + y;
document.getElementById(“demo”).innerHTML = z;
</script>

</body>
</html>

در مثال بالا به متغیر ها مقدار رشته داده شده است.

 

در آخر دستورات جاوا اسکریپت استفاده از سمی کالن ; اجباری است.
در جاوا اسکریپت برای دادن اولویت برای حساب کردن می توانید از () استفاده کنید.

یعنی جواب مقادیر زیر متفاوت است:
(5 + 6 )* 10
مساوی 110

5 + 6 * 10
مساوی 65

جاوا اسکریپت به حروف بزرگ و کوچک حساس است.
مثلا:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript is Case Sensitive</h1>

<p>Try change lastName to lastname.</p>

<p id=”demo”></p>

<script>
var lastName = “Doe”;
var lastname = “Peterson”;
document.getElementById(“demo”).innerHTML = lastName;
</script>

</body>
</html>

خروجی مثال بالا Doe است چون ما گفته ایم محتوای lastName را نمایش دهد نه lastname

در جاوا اسکریپت برای نوشتن comment به دو روش می توان پیش می رویم:

روش اول برای نوشتن comment یک خطی است که از دو عدد/ استفاده می شود.

روش دوم برای نوشتن comment چند خطی است که از /* استفاده می شود.

مثال:

<!DOCTYPE html>
<html>
<body>

<h1 id=”myH”></h1>
<p id=”myP”></p>

<script>
/*
The code below will change
the heading with id = “myH”
and the paragraph with id = “myp”*/
//in my web page:

document.getElementById(“myH”).innerHTML = “My First Page”;
document.getElementById(“myP”).innerHTML = “My first paragraph.”;
</script>

<p><strong>Note:</strong> The comment block is not executed.</p>

</body>
</html>

 

0 پاسخ

دیدگاه خود را ثبت کنید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *