java script eng : sahar. programming language hhl (high level language) لغات عالية...

49
Java Script Eng : SAHAR

Upload: jane-bryant

Post on 01-Jan-2016

231 views

Category:

Documents


1 download

TRANSCRIPT

Java Script

Eng : SAHAR

Programming Language

HHL (High level language) المستوى عالية لغات

LLL (Low level language) المستوى منخفضة لغات

Java Script is HLL

Usage of JavaScript

Creating a Programmable Web Page

Introduction to JavaScript

JavaScript is an interpreted programming or script language from Netscape.

JavaScript is used in Web site development to such things as: automatically change a formatted date on

a Web page cause a linked-to-page to appear in a

popup window cause text or a graphic image to change

during a mouse rollover

Writing a JavaScript Program JavaScript programs can either be placed

directly into the HTML file or they can be saved in external files.

The Web browser runs a JavaScript program when the Web page is first loaded, or in response to an event.

كود داخل مكان أي في الجافا أكواد كتابة أي HTMLبيتمفي كتابتها في < Head>يمكن <Body>أو

المتصفح صفحة في الكود أثر بيظهر

How To Write Java Script In HTML <HTML> <head> <Title>………. </title>

Java Script Code < /head > <Body> </ Body > </HTML>

OR

<HTML> <head> <Title>………. </title> < /head > <Body>

Java Script Code </ Body > </HTML>

Write Java Script Code

<Script> </Script>

<Script Type = “text / JavaScript”> </Script>

<Script Language =“JavaScript”> </Script>

Alert Code

فتحه حين للمستخدم تلقائيه رساله إلظهار بيستخدمللموقع

<Script> Alert (“ الرسالة ;(”نص </ Script >

; السطر إلنهاء تستخدم

Save Project

بإمتداد الحفظ بيتم البرنامج يتم htmlلحفظ وندعم UTF-8 علي encodingضبط لكي وذلك

العربيه اللغة فيهم بما اللغات كل إستخدام

File save (name.html utf-8)

EX:

رسالة ” 1. الصفحة“ welcomeإظهار فتح بدإ عند للمستخدم

رسالة ” 2. رسالة“ HIIIIIIإظهار إظهار بعد ” للمستخدم

Welcome“

EX1

<html> <head> <title>JavaScript </title> </head> <body> <Script language = "JavaScript"> alert ("welcome"); </script> </body> </html>

EX 2

<html> <head> <title>JavaScript </title> </head> <body> <Script language = "JavaScript"> alert ("welcome"); alert (“HIIIII"); </script> </body> </html>

Calculations

الحسابيه للعمليات أولويات البرمجة بلغات يوجد + هي الحسابيه العمليات أن حيث ^ , / , * , - , و

الحسابية العمليه لضبط األقواس إستخدام نتبع لذلك

الحسابيه العمليات تأخذه الذي الترتيب الطرح أو الجمع تم الضرب أو القسمه ثم األسس

How To Use operation in Alert <Script> Alert ((5+15)*3); </Script>

OOP

و أحداث لها كائنات من بتتكون الشيئيه البرمجه

خصائص ) ( لها و وظائف أفعال يصاحبها

فهي لذلك الشيئيه البرمجه من سكربت الجافا لغة

سبق ما كل لها

Window .Alert

ألنalert ( للكائن المصاحب الفعل ( Windowهو AS : <Script> Window Alert (“Welcome”); </Script>

Others For Alert

Alert ( “ Welcome \n Ali”)

Alert ( “ Welcome \t Ali”)

\n جديد سطر في الكتابه تعني\t مسافه ترك تعني

Document . Write

الصفحة داخل للكتابه

Document. Write (“ كتابته المراد (”النص

EXAMPLE ???????????

Variables

A variable is a named element in a program that stores information. The following restrictions apply to variable names

الجهاز زاكرة في أماكن حجز هي بالمتغيرات المقصود

ب المتغیرات تعرف سكربت الجافا لغة . ففي (Var)

Condition To Type Variable

مسافة بها يوجد ال ك الخاصه العالمات تستخدم )# , ^ , & , * … ال

etc ) إما كلها أن Smallأو Capitalتكتب يفضل و

Smallتكتب العربيه باللغة التسميه يمكن ال برقم اإلسم بدء يمكن ال المحجوزه الكلمات تستخدم ال

بالجافا المحجوزه الكلمات

breake case continue delete do

else false for function if

in new null return switch

this true typeof var voide

while with

Variables

Var x ; Var x = Num; Var x = “ Name”;

EX : Var x = “ Welcome”; Var x = 5;

Window. Confirm

مختلفه لكنها للمستخدم رساله إلظهار تستخدمرسالة Alertعن

Window. confirm (“Are You Sure??”)

فيها رساله OK , Cancelبتظهر

Window. Prompt

الكتابه يمكنه للمستخدم رساله إلظهار تستخدمفيها

Window. prompt (“Your Name?"," Name”)

EX:

ثم إسمه عن تسأله للمستخدم رسالة إظهار نريدالصفحة في الشخص بإسم يرحب ذلك بعد

//Var X ; X = window prompt (“Your Name","

Name”); Document . Write (“Welcome” +X)

External Code

بها إستدعاؤه يتم ؤ الصفحة خارج الكود كتابة بيتم

<Script Src=MyCode .JS>

</Script>

NoteMy Code External File Name

JS Extention

IF Statement

IF ( الشرط) { الشرط جواب

}

EXالمتغيرين من كال مجموع X=10حيث X,Yحساب

Y = 20رسالة في المجموع إظهر و

Var x = 10; Var y =20 ; Var sum = 0; IF sum ==0 {

sum = x+ y;

Window . Alert )“total is”+” ” + Sum(;

}

IF Statement

IF ( الشرط) { الشرط جواب

} Else IF ( الشرط) {

أخر شرط جواب } Else ( الشرط) {

أخر شرط جواب }

EX: Var x = 0 ; If (x==0){ Window. alert (“صفر”); }Else If (x > 0){ Window. alert (“ موجب ;(” رقم}Else If (x< 0){ Window. alert (“ سالب ;(” رقم}

Else { Window. alert (“ رقما ;(” ليس}

Event

<Input type =“button” value = “ click “

On click = “ alert (‘you clicked me ‘)”>

يظهرButton رسالة يعطي عليه الضغط عند

Function

Function msg () {Alert (“you clicked me ”) ; }

Input type “button” value = “ click “ On click =msg ();

Switch Case

Switch ( ) { Case “ “ : Alert (“ ”); break ;

Default : Alert ( “ ” ) }

var country ;country=window. prompt( “ عاصمتها لتعرف الدولة ;(" أدخلswitch ( country ) {Case ” مصر” :document. write(" القاهرهعاصمتها ") ;break ;Case “ العراق ” :document. write(" بغداد ; ("عاصمتهاbreak;Case “ السودان” :document. write(" الخرطوم ; (" عاصمتهاbreak ;default :document. write(" الخیارات ضمن من لیست أدخلتها التي الدولة

; (" المتاحة}

Arrays

المتغيرات لتعريف تستخدم ما أشبه تخزين فهي يمكننا حيث بالجدول يكون

الخانات من مجموعة في واحد متغير نصية او رقميه القيم تكون أن يمكن

Var …… = new Array (“ .... “ , “….”, ”….” )

عناصر المصفوفه

المتغير إسم

EX:

<Script> Var names = new Array (“ Ali “ ,

“Ahmed”, ”samy” ); Alert (names[0]); </Script>

Another Method to Define Array Var Names = new Array (); Names [0] = “Ali”; Names [1] = “Ahmed”; Names [2] = “Samy”; Names [3] = “Ramy”; Alert ( Name[..] );

Loops

FOR LOOP

For ( Initial value; condition; increment ) {

}

EX :

<script> for (i=0 ; i<10 ; i++) { document.write("welcome <br />" ); } </script>

While Loop

Var I = 0 ;

While (i<0) {

Document .write ( “ welcome <br />”);

i++ ;

}

do …..while

Var i = 0 ;

do {

document .write ( “ welcome < br /> “);

i++ ;

}

while (i<10);

String

النصيه السالسل

EX : Var text = “how are you”;Document. write (text)

Document. write (text. bold());

سميك النص لجعل

Document. write (text. bold(). Strike());

مشطوب و سميك النص لجعل

Document. write (text. font color (“red”));

النص لون لتغيير

Document. write (text.toUpperCase ());

كبير النص أحرف لجعل

Document. write (text.toLowerCase ());

صغيره النص أحرف لجعل

Text . length

Document. write (text. length )

هي و المكتوب النص طول لتحديد Propertyتستخدم

أقواس Methodوليست يتبعها ال )(فلذلك

Index Of & Match

Index of Position of The first letter of text

Match the text

EX:

Var text = “ How are you Ali ?“;

Document . Write (text. index of (“Ali”);

Document . Write (text. match of (“Ali”);

What about ????

Document . Write (text. index of (“ali”);Or Document . Write (text. index of

(“Ahmed”);

Document . Write (text. match of (“ali”);OrDocument . Write (text. match of

(“Ahmed”);