آشنایی با جاوا اسکریپت و DOM

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

کدام یک از گزینه های زیر جزء کاربردهای جاوا اسکریپت محسوب نمی شود؟

  • مدیریت پایگاه داده های سمت سرور (correct)
  • ثبت و ارسال اطلاعات فرم ها
  • ایجاد واکنش به رویدادها در صفحات وب
  • بهبود کارایی و شکل دهی به ظاهر صفحات وب

در مدل DOM، کدام گزینه به درستی نشان دهنده نحوه دسترسی جاوا اسکریپت به عناصر HTML است؟

  • جاوا اسکریپت از طریق یک مدل شیء گرا به نام DOM به عناصر HTML دسترسی دارد. (correct)
  • دسترسی به عناصر HTML در جاوا اسکریپت امکان پذیر نیست.
  • جاوا اسکریپت مستقیماً با کد HTML تعامل دارد.
  • جاوا اسکریپت از طریق CSS به عناصر HTML دسترسی پیدا می کند.

کدام شیء در مدل DOM به عنوان والد (Parent) برای سایر اشیاء HTML محسوب می شود؟

  • location
  • window (correct)
  • document
  • body

شیlocation در مدل DOM چه اطلاعاتی را در بر می گیرد؟

<p>اطلاعات کلی درباره URL صفحه جاری (D)</p> Signup and view all the answers

کدام گزینه به درستی مفهوم 'متد' را در زبان جاوا اسکریپت توصیف می کند؟

<p>رفتارهایی که اشیاء در مقابل رویدادها از خود نشان می دهند (A)</p> Signup and view all the answers

کدام روش برای استفاده از کدهای جاوا اسکریپت در یک فایل HTML مناسب تر است و خوانایی کد را افزایش می دهد؟

<p>ایجاد یک فایل js. جداگانه و ارجاع به آن در HTML (B)</p> Signup and view all the answers

کدام کلمه کلیدی برای تعریف متغیر در جاوا اسکریپت استفاده می شود؟

<p>var (B)</p> Signup and view all the answers

عملکرد متد alert() در جاوا اسکریپت چیست؟

<p>نمایش یک پیام در صفحه وب (C)</p> Signup and view all the answers

کدام متد برای نمایش کادر دریافت تأیید (Confirm) در جاوا اسکریپت به کار می رود؟

<p>confirm() (B)</p> Signup and view all the answers

توابع در جاوا اسکریپت با کدام کلمه کلیدی تعریف می شوند؟

<p>function (A)</p> Signup and view all the answers

دستور return در توابع جاوا اسکریپت چه کاربردی دارد؟

<p>تعیین مقدار بازگشتی تابع (C)</p> Signup and view all the answers

رویدادها (Events) در جاوا اسکریپت به کدام مفهوم اشاره دارند؟

<p>اتفاقاتی که برای عناصر HTML رخ می دهند (D)</p> Signup and view all the answers

متد replace() در شیء location چه عملی را انجام می دهد؟

<p>انتقال به یک صفحه دیگر (C)</p> Signup and view all the answers

تفاوت اصلی بین زبان های برنامه نویسی سمت سرویس دهنده (Server-side) و سمت سرویس گیرنده (Client-side) در چیست؟

<p>محل اجرا و پردازش کدها (B)</p> Signup and view all the answers

کدام گزینه به درستی پروتکل HTTP را توصیف می کند؟

<p>چگونگی دسترسی به منابع در وب (D)</p> Signup and view all the answers

Signup and view all the answers

Flashcards

جاوا اسکریپت چیست؟

یک زبان اسکریپت نویسی سطح بالا که برای بهبود کارایی و ظاهر صفحات وب استفاده می شود.

مدل DOM چیست؟

نمایش شیء گرای عناصر HTML

Window Object

شیء اصلی و سرپرست در DOM

Document Object

شامل محتوای اصلی صفحه HTML

Signup and view all the flashcards

Location Object

شامل اطلاعات مربوط به آدرس اینترنتی صفحه

Signup and view all the flashcards

History Object

شامل اطلاعات مربوط به صفحات مشاهده شده توسط کاربر

Signup and view all the flashcards

متد (Method) چیست؟

رفتارهایی که اشیا از خود نشان می دهند

Signup and view all the flashcards

ویژگی (Property) چیست؟

خصوصیات و ویژگی های یک شیء

Signup and view all the flashcards

رویداد (Event) چیست؟

اتفاقاتی که برای یک شیء رخ می دهد

Signup and view all the flashcards

var چیست؟

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

Signup and view all the flashcards

متد alert

نمایش یک پیام در صفحه وب

Signup and view all the flashcards

متد confirm

نمایش کادر دریافت تایید از کاربر

Signup and view all the flashcards

تابع (Function) چیست؟

مجموعه ای از دستورالعمل ها

Signup and view all the flashcards

دستور return

مقدار بازگشتی تابع را مشخص می کند

Signup and view all the flashcards

رویدادها (Events) در HTML

رویدادهایی که برای عناصر HTML رخ می دهند

Signup and view all the flashcards

Study Notes

آشنایی با جاوا اسکریپت

  • جاوا اسکریپت یک زبان اسکریپت‌نویسی شیءگرا و سطح بالا است.
  • در طراحی تارنماها و صفحات اینترنتی برای بهبود کارایی و شکل‌دهی صفحات وب کاربرد گسترده دارد.
  • جاوا اسکریپت امکان اضافه کردن ویژگی‌های تعاملی و واکنش به رویدادها به صفحات HTML را فراهم می‌کند.
  • همچنین برای ثبت و ارسال اطلاعات فرم‌ها استفاده می‌شود.
  • هنگام بارگذاری یک صفحه وب، مرورگر یک مدل شیءگرا (Document Object Model یا DOM) از آن صفحه ایجاد می‌کند.
  • جاوا اسکریپت از این مدل برای دسترسی به تمام عناصر HTML صفحه وب استفاده می‌کند.
  • در مدل DOM، هر عنصر HTML به عنوان یک شیء در نظر گرفته می‌شود.

کاربردهای جاوا اسکریپت

  • اینترنت اشیاء
  • برنامه‌نویسی رباتیک
  • برنامه‌نویسی بازی‌های رایانه‌ای بر روی وب

اشیاء، مدل DOM و متدهای آن

  • مدل DOM، نگاشتی از عناصر و ویژگی‌های صفحه وب به اشیاء در زبان جاوا اسکریپت است.
  • با استفاده از این اشیاء، می‌توان تمام عناصر صفحه وب را تغییر داد و رویدادها را به صورت پویا به عناصر HTML اختصاص داد.
  • مرورگر با استفاده از DOM، صفحات HTML را مدیریت و اعتبارسنجی می‌کند.
  • شیء Window به عنوان شیء اصلی و والد یک سند HTML در مدل DOM در نظر گرفته می‌شود.
  • شیء Window دارای سه زیرشاخه اصلی است: document, location و history.
  • شیء document شامل محتوای اصلی یک صفحه HTML است و دربرگیرنده همه عناصر مانند متن است.
  • این شیء دارای دو زیرشاخه اصلی به نام‌های head و body است.
  • شیء location دربرگیرنده اطلاعات کلی درباره URL یا آدرس اینترنتی صفحه است.
  • شیء history شامل اطلاعاتی درباره آدرس (URL) صفحات مشاهده شده توسط کاربر است.
  • زبان جاوا اسکریپت دارای اشیاء، متدها، رویدادها و ویژگی‌های مختلفی است.
  • اشیاء شامل پنجره‌ها، دکمه‌ها، کادرهای متن، تصاویر و صفحه (سند) هستند.
  • متدها، رفتارهایی هستند که اشیاء در مقابل رویدادها از خود نشان می‌دهند.
  • ویژگی، هر شیء علاوه بر متد، دارای ویژگی‌هایی است که خصوصیات آن شیء را بیان می‌کنند. -رویداد، اتفاقاتی هستند که شیء با آن روبه‌رو می‌شود، مانند رویداد کلیک کردن.

DOM Example Code

  • DOM allows access to HTML elements through JavaScript to be used in a web page
<html>
<head>
<title>Web DOM</title>
</head>
<body>
<form name = "register" >
<pid="p1">Hello World!</p>
<input id = "finame"type = "text">
< imput id="send"type="submit"value = "send">
</form>
</body>
</html>

استفاده از جاوا اسکریپت در یک صفحه

  • می‌توان کدهای جاوا اسکریپت را در یک فایل HTML قرار داد.
  • کدهای جاوا اسکریپت در بخش <head> و <body> قرار می‌گیرند.
<script type="text/Javascript">
محتویات
</script>
  • می‌توان یک فایل اسکریپت خارجی ایجاد کرد و آن را با پسوند js. ذخیره کرد.
<script type="text/Javascript" src="js پرونده از نوع " <
</script>
  • در جاوا اسکریپت، از کلمه کلیدی var برای تعریف متغیر به صورت var نام متغیر = مقدار استفاده می‌شود.
  • قوانین نام‌گذاری متغیرها در جاوا اسکریپت مشابه C# است.
  • برای مقداردهی به متغیرها مانند C# از عملگر انتساب (=) استفاده می‌شود.
  • این متد در شیء window باعث نمایش پیام در صفحه وب می‌شود و قالب کلی آن به صورت زیر است: window.alert(“پیامی که در کادر نمایش داده می‌شود”);
  • پنجره دریافت تأیید جهت اعلان یک پیام به کاربر و دریافت نظر، مبنی بر پذیرش یا عدم پذیرش پیام مورد نظر مورد استفاده قرار می‌گیرد.
  • این پنجره دو دکمه OK و Cancel دارد که در صورت انتخاب گزینه OK مقدار True و در صورت انتخاب Cancel مقدار False به صفحه ارسال می‌شود و قالب کلی آن به صورت زیر است:
;"پیام جهت دریافت تایید" ) window.confirm

Confrim دستور Example

  • An example of using the if else statements as well as the Confrim tool
<body>
<script type="text/javascript" >
;("? آیا تعداد کالاهای سفارش داده شده بیشتر از تعداد کل است) var a = window.confirm
Javascript
آیا تعداد کالاهای سفارش داده شده بیشتر از تعداد کل است؟
OK
Cancel
 ("سفارش پذیرفته نمی.شود") window.alert
if(a==true)
else
;("سفارش مورد قبول است")window.alert
</script>
</body>

ساختار دستورات شرطی و تکرار

  • ساختار دستورات شرطی و دستورات تکرار در جاوا اسکریپت کاملاً مشابه زبان سی شارپ است.

توابع

  • یک تابع مجموعه‌ای واحد از یکسری دستورالعمل است که در هر بار فراخوانی کل دستورات آن اجرا می‌شود.
  • تابع با کلمه کلیدی function تعریف می‌شود و نحوه کلی استفاده از آن به صورت زیر است:
<script type="text/javascript">
function نام تابع ) (
{
دستورات تابع
}
</script>

  • امکانات استفاده از توابع عبارتست از:

  • از توابع برای تعریف دستورالعمل‌هایی استفاده می‌شود که می‌خواهیم اجرای آن‌ها کنترل شده باشد و در مواقع معینی انجام شود.

  • یک تابع را می‌توان از هر نقطه‌ای در صفحه فراخوانی کرد.

  • یک تابع می‌تواند یک یا چند متغیر را به عنوان پارامتر ورودی دریافت کند. همچنین یک مقدار را به عنوان خروجی به نقطه‌ای که از آن فراخوانی شده است بازگرداند.

  • دستورات یک تابع حتی در زمانی که اسکریپت آن در صفحه قرار داشته باشد، تا زمانیکه فراخوانی نشود، اجرا نخواهد شد.

  • توابع را می‌توان به صورت‌های زیر تعریف کرد:

  • الف) انتساب تابع به یک متغیر :

  • const تابع نام function = متغیر نام { تابع دستورات }

  • const ثابت نام= function() { تابع دستورات ;()تابع { لیست پارامترها; } }

_ فراخوانی;() تابع نام

دستور return

  • دستور Return برای تعیین مقدار برگشتی تابع استفاده میشود.

رویدادها در جاوا اسکریپت

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

به عنوان مثال: onclick - زمان رخ دادن: Click the mouse button onchange - The value of the change is a form

label input ;("تابع نام" = رویداد نام تغیییر عنوان دکمه" = مقدار دکمه name ="نام نوع" =" <

دسترسی به عناصر

  • برای دستیابی به elements در صفحه HTML::

  • getElementByld

  • Document.getElementByld('the element')

  • getElementByName

  • Document.getElementByName('the element')

به عنوان مثال:


 <body bgcolor="#B0DCA9"<
<center>
         وسط چین کردن عناصر صفحه
<script type="text/javascript">
  function price()<
   var a = Number(document.getElement By Id("txt1").value);
   var b = Number(document.getElementById("txt 2").value);(txt 3").value = a*b By Iddocument.getElement
  
</script>
 <محصول پرداخت قابل محاسبه / br><
   بستهbr/<<
  <input type="text"name = "txt1"id="txt1"/><br><br/
زفران/:br><
 < input type = "text"name = "txt 2"id="txt 2"/><br><br/
   کل قیمتbr<<
  <input type="text" name = "txt 3"id="txt 3"/><br><br/
   input type="button" value = "مبلغ قابل پرداخت" onClick="price"/><( /body<

متد replace

  • متد replace از متدهای شیء location است.
  • این متد آدرس یک صفحه را به صورت پارامتر از کاربر دریافت میکند و صفحه جاری را به آن صفحه انتقال میدهد.

زبان‌های برنامه‌نویسی مبتنی وب

  • این زبان‌های دسته‌بندی میشوند و براساس سرویس دهنده یا سرویس گیرنده مشخص میشد.
  • برای کارهای در سمت سرویس‌دهنده انجام میشود، از زبان‌های برنامه‌نویسی سمت سرویس‌دهنده مانند PHP ، Perl و غیره استفاده می‌شود.

به عنوان مثال:

  • protocol : چگونگی دسترسی به منابع را مشخص میکند که در وب این دسترسی HTTP یا HTTPS است.
  • port : این عدد TCP در server ها است است.
  • HOST نام دامنه منحصر بفرد وب ها است است. سرویس‌دهنده وب: این وظیفه داراست که درخاست هارا از مرور گر دریافت و ارسال کند. وب سرور Apache متن باز (Open Source) است. وب سرور برای سرویس دهی به وب از درگاه ۸۰ استفاده میکند. نرم‌افزار WAMP که از کلمات Apache، MySQL، PHP و Windows تشکیل شده برای سیستم‌عامل ویندوز است. برخی از درگاه‌های پرکاربرد: درگاه ٨٠٨٠: یک درگاه رزرو شده برای سرویس‌دهنده وب است. درگاه ٤٤٣: یک درگاه سرویس‌دهنده وب امن است و از پروتکل HTTPS استفاده میکند.
  • ۲۰ و ٢١: درگاه‌های رزرو شده برای پروتکل انتقال فایل FTP

زبان برنامه‌نویسی PHP

  • زبان برنامه‌نویسی PHP سرواژه Hypertext Preprocessor است. برای ساخت تارنما استفاده میشود.
  • ویژگی‌های مهم زبان php عبارت است از:
  • 1- افزایش سرعت بررسی و اجرای دستورات سمت سرویس دهنده:
  • 2- Cross platform است
  • portable قابل حمل در صفحات پویا دستورهای زبان PHP بین برچسب < ?php ? > قرار میگیرند.

برای دسترسی محلی به آن عبارت localhost و یا معادل IP آن یعنی 127.0.0.1 به صورت پیش فرض در نظر گرفته شده است. :

?>echo() = خروجی دستور
.ن : ("Hello World!");echoمثال>
?body>

مثال :

php زبان در تعریف متغیر نسبت به حروف کوچک و بزرگ حساس است
<?
(="PHP";$IS=$FUN = $ "
(?body

آرایه‌ها در PHP:

دربرنامه‌نویسیPHP دسته‌هاشامل مقادیری‌اند

 <?php$score=array($neda=19="omid"=>$red,$green=array ("18:

PHPدارای PHPبرای دسترسی به عناصر موجود در آرایه های اندیس اندیس ها از عدد Oشروع می‌شوند

Array function in PHP

  • تابع درphpمیتوانPHP ` نام آرایه ای$ (PHP);=array -درپایاندسترسیبهتمامیArrayforeach
  • (متغیرasنامآرایهforeach
<body>
Array;>foreach
("green=($ PHP $is ("
</body>
  • برای خالی کردن یک آرایه می‌توانید به صورت زیر عمل کنید:(PHP);count
  • برای به دست آوردن تعداد عناصر آرایه از تابع (PHP);=empty

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

More Like This

Use Quizgecko on...
Browser
Open
Browser
Browser