نمایش پیام در javascript

[P O U R I A]

فهرست مطالب:

1. نمایش یک پیام در یک پنجره، با window.alert در javascript
2. نمایش یک پیام در یک پنجره، هنگام کلیک بر روی یک لینک، در javascript
3. نمایش یک پیام در یک پنجره، هنگام کلیک بر روی یک لینک، در صورت فعال بودن javascript

منبع: کلیدستان

 

[P O U R I A]

نمایش یک پیام در یک پنجره، با window.alert در javascript

نمایش یک پیام در یک پنجره، با window.alert در javascript

برای نمایش یک پیام در یک پنجره، می توانیم از window.alert در javascript استفاده کنیم. شیوه استفاده از آن، به صورت زیر می باشد :

[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
     window.[COLOR=#006633]alert[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"hello world"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
[COLOR=#339933]</[/COLOR]script[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]

همین کد را در یک صفحه HTML قرار می دهیم :

[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]html[COLOR=#339933]>[/COLOR]
[COLOR=#339933]<[/COLOR]head[COLOR=#339933]>[/COLOR]

[COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
     window.[COLOR=#006633]alert[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"hello world"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
[COLOR=#339933]</[/COLOR]script[COLOR=#339933]>[/COLOR]

[COLOR=#339933]</[/COLOR]head[COLOR=#339933]>[/COLOR]

[COLOR=#339933]<[/COLOR]body[COLOR=#339933]>[/COLOR]
[COLOR=#339933]</[/COLOR]body[COLOR=#339933]>[/COLOR]

[COLOR=#339933]</[/COLOR]html[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]

زمانی که صفحه HTML اجرا شود، پنجره ای باز شده و پیام hello world به کاربر نمایش داده می شود.

 

[P O U R I A]

نمایش یک پیام در یک پنجره، هنگام کلیک بر روی یک لینک، در javascript

نمایش یک پیام در یک پنجره، هنگام کلیک بر روی یک لینک، در javascript

با کدهای javascript می توانیم تعیین کنیم که هرگاه کاربر بر روی یک لینک کلیک کند، پیامی در یک پنجره جدید، به وی نمایش داده شود. برای این منظور، باید در تگ a که برای تعریف یک لینک در HTML به کار می رود، مشخصه href را برابر کد javascript قرار بدهیم. یعنی، مثلا می دانیم که کد javascript زیر باعث نمایش یک پیام در یک پنجره می شود :

[COLOR=#000000][FONT=Tahoma][FONT=monospace]javascript[COLOR=#339933]:[/COLOR]alert[COLOR=#009900]([/COLOR][COLOR=#0000FF]'Hello world!'[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][/FONT]
[/FONT][/COLOR]

اکنون همین کد javascript را درون یک تگ a و برای مشخصه href آن به کار می بریم :

[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]a href[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"javascript:alert('Hello world!');"[/COLOR][COLOR=#339933]>[/COLOR]Say hello[COLOR=#339933]</[/COLOR]a[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]

کد بالا باعث می شود که هرگاه بر روی لینک کلیک کنیم، پیامی در یک پنجره، نمایش داده شود.

به مثال زیر توجه کنید (همان کد، در یک صفحه HTML) :

[h=4]مثال :[/h]

[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]html[COLOR=#339933]>[/COLOR]
[COLOR=#339933]<[/COLOR]head[COLOR=#339933]>[/COLOR]
[COLOR=#339933]</[/COLOR]head[COLOR=#339933]>[/COLOR]

[COLOR=#339933]<[/COLOR]body[COLOR=#339933]>[/COLOR]

[COLOR=#339933]<[/COLOR]p[COLOR=#339933]>[/COLOR]
[COLOR=#339933]<[/COLOR]a href[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"javascript:alert('Hello world!');"[/COLOR][COLOR=#339933]>[/COLOR]Say hello[COLOR=#339933]</[/COLOR]a[COLOR=#339933]>[/COLOR]
[COLOR=#339933]</[/COLOR]p[COLOR=#339933]>[/COLOR]

[COLOR=#339933]</[/COLOR]body[COLOR=#339933]>[/COLOR]

[COLOR=#339933]</[/COLOR]html[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]

[h=4]نتیجه :[/h]
اگر بر روی لینک کلیک کنیم، پیامی در یک پنجره، نمایش داده می شود.


[h=4]نکته :[/h]استفاده از این روش، توصیه نمی شود (تنها برای آشنایی آموزش داده شد)، زیرا باید برای زمانی که javascript در کامپیوتر کاربر، فعال نیست، یک صفحه جایگزین تعیین کنیم تا کاربر به آن صفحه هدایت شود. این مورد را در سایر آموزش های سایت کلیدستان، می توانید بیابید.

 

[P O U R I A]

نمایش یک پیام در یک پنجره، هنگام کلیک بر روی یک لینک، در صورت فعال بودن javascript

نمایش یک پیام در یک پنجره، هنگام کلیک بر روی یک لینک، در صورت فعال بودن javascript

با کدهای javascript می توانیم تعیین کنیم که هرگاه کاربر بر روی یک لینک کلیک کند، در صورتی که در کامپیوتر وی، javascript فعال باشد، پیامی در یک پنجره جدید، به وی نمایش داده شود و در صورتی که در کامپیوترش، javascript فعال نیست، به یک صفحه هدایت شود (عملکرد معمولی لینک). برای این منظور، باید در تگ a که برای تعریف یک لینک در HTML به کار می رود، مشخصه href را برابر آدرس صفحه قرار بدهیم و سپس کد javascript را هم برای مشخصه onclick بنویسیم. یعنی، مثلا می دانیم که کد javascript زیر باعث نمایش یک پیام در یک پنجره می شود :

[COLOR=#000000][FONT=Tahoma][FONT=monospace]javascript[COLOR=#339933]:[/COLOR]alert[COLOR=#009900]([/COLOR][COLOR=#0000FF]'Hello world!'[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][/FONT]
[/FONT][/COLOR]

اکنون همین کد javascript را درون یک تگ a و برای مشخصه onclick آن به کار می بریم و همچنین آدرس یک صفحه را هم برای مشخصه href تعیین می کنیم :

[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]a href[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"page.html"[/COLOR] onclick[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"alert('Hello world!'); return false;"[/COLOR][COLOR=#339933]>[/COLOR]Say hello[COLOR=#339933]</[/COLOR]a[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]

کد بالا باعث می شود که هرگاه بر روی لینک کلیک کنیم، اگر javascript فعال باشد، پیامی در یک پنجره نمایش داده شود (آنگاه false برگردانده می شود که باعث می گردد عملکرد عادی لینک که همان رفتن به آدرس صفحه مشخص شده برای href است، لغو شود و به آن صفحه نرویم) و اگر javascript فعال نباشد، به صفحه تعیین شده برای مشخصه href هدایت می شویم.

به مثال زیر توجه کنید (همان کد، در یک صفحه HTML) :

مثال :

[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]html[COLOR=#339933]>[/COLOR]
[COLOR=#339933]<[/COLOR]head[COLOR=#339933]>[/COLOR]
[COLOR=#339933]</[/COLOR]head[COLOR=#339933]>[/COLOR]

[COLOR=#339933]<[/COLOR]body[COLOR=#339933]>[/COLOR]

[COLOR=#339933]<[/COLOR]p[COLOR=#339933]>[/COLOR]
[COLOR=#339933]<[/COLOR]a href[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"page.html"[/COLOR] onclick[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"alert('Hello world!'); return false;"[/COLOR][COLOR=#339933]>[/COLOR]Say hello[COLOR=#339933]</[/COLOR]a[COLOR=#339933]>[/COLOR]
[COLOR=#339933]</[/COLOR]p[COLOR=#339933]>[/COLOR]

[COLOR=#339933]</[/COLOR]body[COLOR=#339933]>[/COLOR]

[COLOR=#339933]</[/COLOR]html[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]

نتیجه :

http://www.www.www.iran-eng.ir/attachment.php?attachmentid=249583&d=1438952842
http://www.www.www.iran-eng.ir/attachment.php?attachmentid=249584&d=1438952869​

چنانچه بر روی لینک کلیک کنیم، اگر javascript فعال باشد، پیامی در یک پنجره نمایش داده می شود و اگر javascript فعال نباشد، به صفحه تعیین شده برای مشخصه href هدایت می شویم.