15 قطعه نمونه جاوا اسکریپت رایگان برای وب سایت های شما

JavaScript است این روزها همه جا استفاده می شود – برای بهبود تعامل وب سایت ، اعتبارسنجی اطلاعات و / یا بهبود یم ان.


1995اوا اسکریپت برای اولین بار در 1995 ظاهر شد و از آن زمان به بعد پذیرفته شده و نحوه استفاده از آن مساری طنل مآ م آر. نحو استفاده شده در JavaScript به شدت تحت تأثیر C قرار داشت. اما جاوا ، مروارید ، پایتون و طرح نیز نقش خود را ایفا کردند.

نکاتی درباره مبتدی JavaScript: آنچه باید بدانید؟

برای شروع ، چند اصولی که باید بدانید عبارتند از:

  • جاوا اسکریپت را می توان در مرورگر خاموش کرد
  • اوا اسکریپت هر زمانی که یک صفحه بارگذاری می شود اجرا شود
  • جاوا اسکریپت طول می کشد برای بارگیری در اتصال به اینترنت آهسته است
  • اوا اسکریپت هنوز از صفحات ذخیره شده اجرا می شود
  • ما می توانید جاوا اسکریپت را در یک صفحه وب یا خارج از یک فایل .js جا به جا کنید
  • جاوا اسکریپت کاملا متفاوت از جاوا است

همچنین مهم است که بدانیم JavaScript در صورت استفاده نادرست از آن به فاجعه منجر خواهد شد.

اوا اسکریپت های ضعیف پیکربندی شده و شفاف ، وب سایت شما را کند کرده و به ناوبری کلی سایت آسیب می. این به نوبه خود بر نرخ بازگشت بازدید کنندگان شما (به دلیل تجربه بد کاربر) و همچنین رتبه بندی موتورهای جستجو (به دلیل کندی سرعت پاسخگویی وب سایت و خزیدن رباتها) تأثیر می گذارد. برای تأیید اعتبار پرونده من در اینجا ، خود را در کفش بیننده بگذارید. اگر وب سایتی که بازدید می کردید به آرامی بارگیری می شود ، پیمایش آن دشوار بود و به طور کلی نا باا باا باا باا باا باا باا باا من نمی کردم

در زیر لیست کوچکی از مواردی وجود دارد که باید هنگام اضافه کردن JavaScript به آنها فکر کنید وبسایت شما.

  • آیا جاوا اسکریپت برای سایت مناسب است؟
  • اگر جاوااسکریپت مسدود شده باشد ، سایت چگونه ظاهر خواهد شد؟
  • آیا جاوا اسکریپت عملکرد سرور را آسیب خواهد زد؟
  • یا اضافه کردن جاوا اسکریپت کمک می کند سایت خود را در مسیری که می خواهید بروید حرکت دهید؟

نه ، من سعی نمی کنم با این نکات شما را ترساندم.

در واقع, نترسید از JavaScript در وب سایتهای خود استفاده کنید زیرا آن را به عنوان تن مزایا فراهم می کند, و همانطور که گفته شد, توسط اکثریت مورد استفاده قرار می گیرد. نکته کلیدی که من می خواهم به اینجا بپیوندم این است که فقط اضافه کردن ویژگی های جاوا اسکریپت به یک با اکا کت اک ککککت اک بعضی از سایت ها به JavaScript بیشتری نسبت به بقیه نیاز دارند. برخی فقط به کمتر نیاز دارند – فقط به این دلیل که یک سایت این کار را انجام می دهد به این معنی نیسم.

Freebies: 15 Cool JavaScript Paragon Brezplačne spletne strani

حال بیایید به مطالبی که برای اینجا آمده اید بپردازیم – در زیر لیستی از قطعات ججو جکوو ققااا کد به دو بخش پرونده سر و بدن یا پرونده .js تقسیم می شود. اگر هیچ عنوانی از بخش داده نشده باشد ، برای آن قطعه خاص لازم نیست.

1 درک فیلم HTML5

نمونه سریع

تابع درک می کند_ video () {Vrni se !! document.createElement ("فیلم"). canPlayType ؛ // boolean if (! razume_video ()) {// باید مرورگر قدیمی یا IE باشد. // شاید کاری انجام دهید مانند کنترل های مخفی // HTML5 کنترل. یا هر آنچه … videoControls.style.display = ‘هیچ’ ؛}

قطعه جاوا اسکریپت چیست؟

این قطعه کوچک وب سایت شما را از تلاش برای نمایش یک ویدیو که مرورگر پشتیبانی نمی کند را جلوگیری ممک پم مم.

2 وکی های JavaScript

نمونه سریع

/ ** * کوکی را با نام و ارزش معین تنظیم می کند. * نام نام کوکی * مقدار مقدار کوکی * [منقضی می شود] تاریخ انقضا کوکی (پیش فرض: پایان جلسه فعلی) * [مسیر] مسیری که کوکی معتبر باشد (پیش فرض: مسیر تماس با سند) * [دامنه] دامنه ای که کوکی معتبر است * (پیش فرض: دامنه اسناد مکالمه) * [امن] مقدار بولی نشان می دهد که انتقال کوکی به * انتقال ایمن * / عملکرد setCookie (نام, ارزش, منقضی شده, مسیر, دامنه, امن) نیاز دارد. {document.cookie = ime + "=" + فرار (مقدار) + ((منقضی می شود)؟ "؛ منقضی می شود =" + poteče.toGMTString (): "") + ((pot)؟ "؛ Pot =" + pot: "") + ((دامنه)؟ "؛ Domena =" + domena: "") + ((varno)؟ "؛ Varno": "") ؛} / ** * مقدار کوکی مشخص شده را دریافت می کند. * * نام کوکی مورد نظر. * * اگر کوکی وجود نداشته باشد رشته ای حاوی مقدار کوکی مشخص شده ، * یا تهی را برمی گرداند. * / funkcija getCookie (نام) {var dc = document.cookie ؛ varna predpona = ime + "="؛ Var fill = dc.indexOf ("؛" + پیشوند) ؛ اگر (شروع == – 1) {شروع = dc.indexOf (پیشوند) ؛ اگر (شروع کنید! = 0) تهی است ؛} drugo {شروع + = 2 ؛} var end = dokument.coO.htmlO endkie.deO.coO (document.coO)"؛" ، شروع کنید) ؛ if (konec == -1) {end = dc.l طول ؛} بازگشت unescape (dc.substring (شروع + پیشوند. طول ، پایان)) ؛} / ** * کوکی مشخص ششخصش کند * نام نام کوکی * مسیر [کوکی] کوکی (باید همان مسیری باشد که برای ایجاد کوکی استفاده می شود) * دامنه [دامنه] کوکی (باید همان دامنه مورد استفاده برای ایجاد کوکی باشد) * / عملکرد DeleteCookie (ime, poti, domena) domena if (getCookie (ime)) {document.cookie = ime + "=" + ((pot)؟ "؛ Pot =" + pot: "") + ((domena)؟ "؛ دامنه = "+ دامنه:" ") +"-منقضی می شود = پنج شنبه ، 01. januarja-70. 00: 00: 01 GMT "؛}}

قطعه جاوا اسکریپت چیست؟

این قطعه کمی طولانی اما بسیار مفید است ، به سایت شما اجازه می دهد تا اطلاعات را در رایانه بیننده پاا ذخذخاذخذخذخ این قطعه را می توان در بسیاری از روش های مختلف برای انجام وظایف مختلف استفاده کرد.

3 تصاویر خود را از قبل بارگیری کنید

نمونه سریع

var images = Array جدید () ؛ تابع preloadImages () {for (i = 0 ؛ i

قطعه جاوا اسکریپت چیست؟

این قطعه از سایت شما جلوگیری می کند زمانی که آن را فقط بخشی از سایت نمایش می دهد; این نه تنها به نظر می رسد بد, بلکه غیر حرفه ای است. همه شما باید انجام دهید این است که تصاویر خود را به بخش preloadImages اضافه کنید و آماده رول هستید.

4 اعتبار سنجی پست الکترونیکی

نمونه سریع

سر:

تابع validateEmail (theForm) {if (/^w+((.- دوست؟ w +) * @ w + ((.- دوست؟ w +) * (. W {2,3}) + $ /.test(theForm.email- id.vredno)) {Vrni se (resnično)} هشدار ("درس ایمیل نامعتبر است! لطفا دوباره با دقت وارد کنید!") ؛ بازگشت (نادرست) ؛}

بدن: آدرس پست الکترونیکی:

قطعه جاوا اسکریپت چیست؟

این قطعه تأیید می کند که یک آدرس ایمیل با فرمت درست به صورت وارد شده است, نمی تواند تضمین کند که آدرس ایمیل واقعی است, هیچ راهی برای بررسی آن با JavaScript وجود ندارد.

5 بدون کلیک راست

نمونه سریع

Skripta تابع f1 (), če (document.all) false برگرداندن غلط ،}} تابع f2 (e) {if (document.layers || (document.getElementById &! document.all)) {if (e.hhich == 2 || e.which == 3) {برگشت غلط ؛}}} if (document.layers) {document.captureEvents (Event.MOUSEDOWN) ؛ document.onmousedown = f1 ؛} drugo {document.onmouseup = f2 ؛ document.oncontextmenu = f1 ؛} document.oncontextmenu = عملکرد جدید ("بازگشت غلط") ؛

قطعه جاوا اسکریپت چیست؟

این قطعه مانع از اینکه بیننده بتواند روی صفحه خود راست کلیک کند. این می تواند کاربر متوسط ​​را از قرض گرفتن تصاویر یا کد از سایت شما دور کند.

6 نمایش نقل قول های تصادفی

نمونه سریع

سر: writeRandomQuote = تابع () {var quotes = Array جدید () ؛ quotes [0] = "عمل اندازه گیری واقعی هوش است."؛ Narekovaji [1] = "بیس بال نسبت به زودتر کریکت مزیت بزرگی دارد."؛ Narekovaji [2] = "هر هدف ، هر عملی ، هر فکر ، هر احساسی که فرد تجربه می کند ، خواه آن را آگاهانه و یا ناخودآگاه بداا بدداز بداب."؛ Narekovaji [3] = "یک سر خوب و یک قلب خوب همیشه یک ترکیب عالی هستند."؛ Var rand = Math.floor (Math.random () * quotes.l طول) ؛ document.write (به نقل از [رند]) ؛} نوشتن RandomQuote () ؛

بدن: writeRandomQuote () ؛

قطعه جاوا اسکریپت چیست؟

وب ، این یک قطعه نیست که همه سایت ها استفاده می کنند ، بلکه می توان آن را برای نمایش بیشتر از ززصززنننن ما می توانید محتوا را به آنچه که می خواهید نقل قول کنید و تصاویر تصادفی یا متن را در هر نادنز.

7 پیوندهای قبلی / بعدی

نمونه سریع

صفحه قبلی | صفحه بعدی

قطعه جاوا اسکریپت چیست؟

این قطعه بزرگ است اگر شما چندین مقاله را در مقاله یا آموزش داشته باشید. این اجازه می دهد تا کاربر بین صفحات را با سهولت مرور کنید. این نیز کوچک و سبک وزن از نظر منبع است.

8 یک صفحه را علامت گذاری کنید

نمونه سریع

افزودن به علاقه مندی ها

قطعه جاوا اسکریپت چیست؟

این قطعه به کاربر اجازه می دهد صفحه خود را با سهولت نشانه گذاری کند ؛ همه آنها باید انجام دهنی برک بر بر ب. ویژگی های کوچک آن مانند این است که می تواند تجربیات بینندگان شما را افزایش دهد.

9 لینک صفحه چاپ آسان

نمونه سریع

فحه چاپ

قطعه جاوا اسکریپت چیست؟

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

10 نمایش تاریخ قالب بندی

نمونه سریع

سر: تابع showDate () {var d = nov datum () ؛ var curr_date = d.getDate () ؛ var curr_month = d.getMonth () + 1 ؛ // ماه متغیرهای مبتنی بر صفر curr_year = d.getFullYear () document.write (curr_date) + "-" + curr_mesec + "-" + curr_year) ؛}

بدن: showDate () ؛

قطعه جاوا اسکریپت چیست؟

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

11 جداکننده کاما

نمونه سریع

سر: تابع addCommas (num) {num + = ” ؛ var n1 = num.split (‘.’) ؛ Var n2 = n1 [0] ؛ var n3 = n1.l طول> 1؟ "" + n1 [1]: ” tem var temp = / (d +) (d {3) / ؛ در حالی که (temp.test (n2)) {n2 = n2.replace (temp ، ” + ‘،’ + ”) ؛} Var ven = بازگشت n2 + n3 ؛ document.write (خارج) ؛}

بدن: addCommas ("4550989023") ؛

قطعه جاوا اسکریپت چیست؟

این قطعه به طور عمده توسط سایت هایی استفاده می شود که اغلب از اعداد استفاده می کنند. این قطعه اعداد شما را در سراسر هیئت مدیره به همان اندازه حفظ خواهد کرد. همه چیزهایی که باید انجام دهید ، کپی خط بدن است که در آن می خواهید یک عدد را اضافه کنید و شماره با اش اآآ.

12 منطقه نمایش یک مرورگر را دریافت کنید

نمونه سریع

عرض نمای شما “+ ogledna širina +” x “+ نمای دید +”

“است) ؛ // ->

قطعه جاوا اسکریپت چیست؟

این قطعه به شما امکان می دهد عرض و ارتفاع منطقه نمایشگر را در مرورگر خود مشاهده کنید. این به طراح توانایی ایجاد و استفاده از نمایش های مختلف بر اساس اندازه پنجره مرورگر کاربر را می دهد.

13 با تأخیر اختیاری تغییر مسیر دهید

نمونه سریع

قطعه جاوا اسکریپت چیست؟

این قطعه به شما امکان می دهد بینندگان خود را به یک صفحه دیگر هدایت کنید و گزینه تأخیر را تنظیم کنید. استفاده از این قطعه بسیار خود توضیحی است و ابزار بسیار ارزشمند برای داشتن کمربند شماست.

14 یفون ها را تشخیص دهید

نمونه

قطعه جاوا اسکریپت چیست؟

این قطعه به شما این امکان را می دهد تا بتوانید بیننده خود را بر روی آی فون یا آی پاد قرار دهید تا بتوانید محتوای مختلفی را به آنها نمایش دهید. این قطعه با قیمت بازار تلفن همراه چقدر ارزشمند است و تنها در حال رشد است.

15 چاپ پیام به نوار وضعیت

نمونه سریع

قطعه جاوا اسکریپت چیست؟

این قطعه کوچک به شما اجازه می دهد تا یک پیام را به نوار وضعیت چاپ کنید. ما می توانید خبر های اخیر یا مهم را در ناحیه ای که چشم کاربر را می بیند نمایش دهد.

>

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map