اف یک وب

آموزش کامپیوتر،فتوشاپ و وبلاگنویسی

اف یک وب

آموزش کامپیوتر،فتوشاپ و وبلاگنویسی

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

محمد حسین مازندرانیان | دوشنبه, ۱۵ ارديبهشت ۱۳۹۳، ۰۲:۱۱ ب.ظ
alert

مطمئنا اگر شما هم خوره ی اینترنت باشید تا کنون سایت ها یا وبلاگ هایی رو دیدید که به محض ورود به آن ها،یک پنجره ی کوچک باز می شود و به شما خوش آمد میگوید.خوب این موضوع خیلی کار شقی نیست و شما حتی اگر برنامه نویسی هم بلد نباشید به راحتی می توانید پنجره ی به اصطلاح هشدار دلخواهتون رو بسازیر و حتی میتونید برید روی اصاب کاربرانتون و آنقدر پشت سر هم این پنجره ها بیایند که طرف شما رو خدایی نکرده نفرین کنید.در ادامه بهتون نحوه ی ایجاد پنجره ی Alert و دکمه های این چنینی رو هم یاد میدم.
خوب برای این که بتونید یک پنجره ی این چنینی بسازید فقط و فقط به کد زیر نیاز دارید:
                                           (" ")alert
که بین " " متن مورد نظر شما قرار می گیرد و تنها کافیه اونو توی یه تگ باز و بسته <script>قرار بدید و اونو در قسمت<head>صفحه بگذارید.در ضمن میتونید از چند کد (" ")alert استفاده کنید.به مثال زیر توجه کنید:

                                                                                                                         

                                                                                <"script type="text/javascript>
                                                  alert("welcome")
                                                                                                        </script>
                                                                                                       

کد بالا رو در نرم افزار notepad بنویسید و با نام test.html ذخیره کنید و پس از اجرا به چنین چیزی برخورد می کنید:




ساخت دکمه ی هشدار:برای این منظور شما از onclick در داخل تگ <button>استفاده می کنید برای مثال:
                                          
 <button onclick="alert('Hello World\nwww.f1web.blog.ir')"> Click Here </button>
که در این کد از n/ برای شکست متن استفاده شده است.اگر این کد را اجرا کنید به این شکل میرسید:


منبع:سون لرن و اف یک وب

نظرات  (۳)

  • کیمیا فکر بزرگ
  • با تشکر از آموزشتون
    موفق باشید

    با تشکر از مطلب شما

  • سوله ایران
  • کلی دنبال این برای سایت سوله دست دوم میگشتم ممنون از شما 

    ارسال نظر

    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
    تجدید کد امنیتی