15 Gratuiti Scelti di Contoh per u vostru situ Web

JavaScript hè usatu in ogni locu in linea sti ghjorni – per migliurà l’interattività di u situ web, per validà l’infurmazione, è / o per migliurà a previsione di u situ web.


JavaScript apparsu prima pada tahun 1995 è hà fattu un longu caminu da tandu di termini d’esse accettatu è cumu si usa. A sintassi utilizata dalam JavaScript hè stata fortemente influenzata da C; ma ancu Java, Pearl, Python è Skema anu ancu fattu u so pezzu.

Consigli per Principianti JavaSkrip: Cosa Duveite Sapete?

Per Principianti, parechji punti fundamentali chì avete bisognu di sapè sò:

  • JavaScript si pò spegne di u navigatore
  • JavaScript sarà gestitu ogni volta chì una pagina hè caricata
  • JavaScript piglia u tempu per caricare nantu à una cunnessione Internet lenta
  • JavaScript hè semper eszitu da e pagine cache
  • Pudete ospite JavaScript dalam laman web una pagina o esternamente da un file .js
  • JavaScript hè Completeamente diversu da Java

Hè ancu impurtante di capisce chì JavaScript hà da cunducerà in realtà à un disastru quandu hè usatu in modu sbagliatu.

Un JavaScript pocu configuratu è sloppy codificatu rallentarà u vostru situ web è dannu a navigazione generale di u situ. Pada gilirannya pencarian dan pengembalian ritornu di ritornu di i vostri visitanti (per sebab yang tidak diingini esperienza d’utilizatore) è ancu di una classificazione di i motori di ricerca (à causa di a lenta rata-rata di risposta di u situ web è di u bot merangkak). Per aiut u u cunvalidà u mo casu quì, mette in i scarpi di un visore. Se un situ web chì visitava carricatu lentamente, era era per navigà, è in generale, micca appruvatu – tornassi à u situ? Ùn aghju micca.

A sottu hè un picculu elencu di cose à chì pensate quandu l’aghjustà JavaScript à u vostru situ.

  • Hè diperlukan JavaScript per u situ per funziunà bè?
  • Cosa parrà u situ se u JavaScript hè statu bloccatu?
  • U JavaScript dà male a prestazione di u servitore?
  • Tambah u JavaScript aiuta a muvine u vostru situ dalam direzzione chì vulete à andà?

Tidak, stn stu micca circà di scantà vi di sti punti.

Dalam fatti, sn sia micca paura menggunakan JavaScript nantu à i vostri siti web cumu furnisce benefici di tunnellate è, cum’è mencionatu, hè usatu da e maiurità. U puntu chjave chì vi stai attraversu quì ùn hè micca solu di aghjunghje l’aghjunghje JavaScript à un situ quandu ùn sò micca requariu. Certi siti anu bisognu di più JavaScript chì u restu; qualchi solu bisognu di menu – Solu perchè un situ hè fattu significn signifikana micca chì duvete fà u listessu.

Percuma: 15 Coretan JavaScript Keren Untuk Laman Web Anda

Avà, scendimu in i cosi chì site venuti quì per quì – quì hè un listinu di pichjetti JavaScript 15 chì anu da migliurà u vostru situ in funziunalità o apparenza. U codice serà divisu in duie seccione, sebuah testa è u corpu o fugliale .js. Lihat lebih banyak maklumat mengenai ticulu di seccione allura dan lebih daripada satu keperluan kecil.

1. Comprendre Video HTML5

Contoh Prestu

funzione comprende_video () {kembali !! document.createElement (‘video’). bolehPlayType; // boolean} if (! capisce_video ()) {// Deve esse navigatore più anzianu o IE. // Forse nasib qualcosa cum’è oculte personalisasi // cuntrolli HTML5. O qualsìasi … videoControls.style.display = ‘nimu’; }

Chiddu ca lu snippeto JavaScript?

Questu piccudu snippet impedirà à u vostru situ web d’esse pruvà à visualizà un video chì u navigatore ùn pò supportà, salvendu a larghezza di banda è a potenza di processu.

2. JavaScript kuki

Contoh Prestu

/ ** * Stabilisce un Cookie cù u nome è u valore datu. * * nome Nome di u cookie * nilai Valore di a cookie * [expira] Data di scadenza di u cookie (difettu: fine di a sessione attuale) * [chjassu] Pista induve u cookie hè validu (predefinitu: chjama di u documentu) * [duminiu] Dominiu induve u cookie hè validu * (difettu: duminiu di documentu di chjamà) * [securizà] Valore booleanu chì indica se a trasmissione di cookie richiede una trasmissione * sicura * / funzione setCookie (nome, valore, scade, scade , duminiu, sicuru) {document.cookie = nama + "=" + melarikan diri (keberanian) + ((tamat)? "; tamat =" + tamat tempoh.toGMTString (): "") + ((traccia)? "; traccia =" + traccia: "") + ((domain)? "; domain =" + domain: "") + ((selamat)? "; sigur": ""); } / ** * Ottiene anda menghargai perincian cookie. * * nome Nome di a cookie desiderata. * * Ritorna una catena chì cuntene un valore di cookie tertentu, * o nul se cookie ien esiste micca. * / funzione getCookie (nome) {var dc = document.cookie; prefissu var = nome + "="; var mula = dc.indexOf (";" + prefissu); se (mula == -1) {begin = dc.indexOf (prefissu); se (cumincià! = 0) ritornu nullu; } lain {mula + = 2; } var end = document.cookie.indexOf (";", Principià); jika (sirip == -1) {end = dc.length; } ritornu l’iscape (dc.substring (mula + awalan. panjang, akhir)); } / ** * Elimina u cookie tertentu. * * nome nome di a cookie * [traccia] percorsu di a cookie (deve esse uguale à a strada usata per creà cookie) * [duminiu] duminiu di a cookie (deve esse u listessu di u duminiu utilizatu per creà a cookie) * / funzione deleteCookie (nama, jalan, domain) {if (getCookie (nama)) {document.cookie = nama + "=" + ((jalan)? "; jalan =" + jalan: "") + ((domain)? "; domain = "+ duminiu:" ") +"; cadu = Kam, 01-Jan-70 00: 00: 01 GMT "; }}

Chiddu ca lu snippeto JavaScript?

Questu fragmentu hè un pocu longu ma assai utile, permette à u vostru situ di conservà l’infurmazioni nantu à u computer di u spettatore allora lu leghje in un altru momento. Questu fragmentu pò esse adupratu di parechji maneri per fà u travagliu diversu.

3. Pramuat e-vostre imaghjini

Contoh Prestu

gambar var = Array baru (); funzione preloadImages () {untuk (i = 0; i

Chiddu ca lu snippeto JavaScript?

Questu fragmentu impedirà à u vostru situ di avè quellu tempu scandalosu quandu ghjunghje solu una parte di u situ; stu scopu ùn hè micca solu lelaki, ma hè ancu prufessiunale. Tuttu u vostru aghju di fà hè di aghjunghje e vostre immagini à a sezione preloadGambar è sò prontu à rotà.

4. Validazione setiap E-mel

Contoh Prestu

Cabeza:

funzione validateEmail (theForm) {if (/^w+([.- Alan? w +) * @ w + ([.- Alan? w +) * (. wobile2,3 meminta) + $ /.test(theForm.email-id. nilai)) {return (vera); } alerta ("Indirizzu di e-mel micca validu! Insertite da novu cù cura !."); ritornu (falza); }

Bassani: Indirizzu E-mel:

Chiddu ca lu snippeto JavaScript?

Stu snippet validarà chì un indirizzu di e-mail currettamente furmatu hè inseritu in un furmulariu, òn pò micca garantisce chì l’indirizzu e-mail hè reale, cn ci hè manera di verificà per quessa cù JavaScript.

5. Nisun Right-Cliccate

Contoh Prestu

funzione f1 () {if (document.all) {vultà falsu; }} fungsi f2 (e) {if (document.layers || (document.getElementById &! document.all)) {if (e.which == 2 || e.which == 3) {kembali palsu; }}} jika (document.layers) {document.captureEvents (Event.MOUSEDOWN); document.onmousedown = f1; } lain {document.onmouseup = f2; document.oncontextmenu = f1; } document.oncontextmenu = nova funzione ("ritornu falza");

Chiddu ca lu snippeto JavaScript?

Questu fragmentu impedirà à u spettatore di pudè clicchere nantu à a vostra pagina. PG dighjà a scoraggiu l’usu media di prumintà immagini o codici da u vostru situ.

6. Petikan Mostra Secara Rawak

Contoh Prestu

Galuppa: writeRandomQuote = function () {var quotes = Array baru (); petikan [0] = "L’azzione hè a vera misura di l’intelligenza."; petikan [1] = "U Baseball hà u gran vantaghju per u cricket di esse finitu prima."; petikan [2] = "Ogni scopu, ogni azione, ogni pensamentu, ogni sentimentu chì sperimentate, sia cunnisciutu cusciente o inconsciente, hè un tentativu per aumentà u so livellu di tranquillità."; petikan [3] = "Un bon capu è un bon core sò semper una cumminazione formidabile."; var rand = Math.floor (Math.random () * quotes.length); document.write (petikan [rand]); } tulisRandomQuote ();

Bassani: writeRandomQuote ();

Chiddu ca lu snippeto JavaScript?

Oke, cusess quessa ùn hè micca un tagliu chì tutti i siti ghjunghjenu, ma pò esse adupratu per visualizà più ch’è appena citazioni à l’aiutu. Pudete cambià u cuntenutu ok e quotazioni à ciò chì vulete è avete immagini aleatorie o testu affissati di ogni locu nantu à u vostru situ.

7. Ligami Precedente / Seterusnya

Contoh Prestu

Pagina Precedente | Pagina seguente

Chiddu ca lu snippeto JavaScript?

Questu fragmentu hè ottimu se avete parechje pagine nantu à un articulu o tuttu. Permet à l’utente a navigazione trà e pagine cù facilityà. Hè dinò micca è pesanti da un punto di vista risorsa.

8. Marcate una Pagina

Contoh Prestu

Aggiungi à Preferiti

Chiddu ca lu snippeto JavaScript?

Questu fragmentu ti permetterà l’utente à favurite a to pagina cù facilityà; tuttu ciò chì hannu à fà hè cliccà u ligame. E so piccule caratteristiche cum’è dì chì ponu aumentà a vostra esperienza di spettatori in generale.

9. Ligame faciule à Stampa di Pagina

Contoh Prestu

Stampa pagina

Chiddu ca lu snippeto JavaScript?

Stu leghjolu pocu permetterà a vostra veduta di stampà facilityment a vostra pagina. Utilizza a funzione di stampa rapida già installata da u vostru navigatore è utilizza micca risorse finu chè hè cliccatu.

10. Data Mostra di furmatu

Contoh Prestu

Galuppa: funzione showDate () {var d = nova Data (); var curr_date = d.getDate (); var curr_month = d.getMonth () + 1; // mesi sò zero basati var curr_year = d.getFullYear (); document.write (tarikh_ tarikh + "-" + tarikh_bulan + "-" + curr_year); }

Bassani: showDate ();

Chiddu ca lu snippeto JavaScript?

Questu fragmentu vi permetterà di visualizà a data attuale in qualunque situ di a vostra pagina web è ùn hà bisognu di esse aggiornatu. Semu sulu ponu in situ è ​​dimenticatu.

11. Separatore di virgola

Contoh Prestu

Galuppa: funzione addCommas (num) {num + = ”; var n1 = num.split (‘.’); var n2 = n1 [0]; var n3 = n1. panjang> 1? ‘.’ + n1 [1]: ”; var temp = / (d +) (d {3}) /; mentre chì (temp.test (n2)) {n2 = n2.replace (temp, ” + ‘,’ + ”); } var keluar = torna n2 + n3; document.write (fora); }

Bassani: tambahCommas ("4550989023");

Chiddu ca lu snippeto JavaScript?

Stu tagli sarà adupratu soprattuttu da siti chì utilizanu numeri spessu. Questu fragmentu mantene i vostri numeri di cerca di stessi nantu à u bordu. Tuttu u vostru bisognu hè di copià a linea di corpu in cui vulete aghjunghje un numeru è rimpiazzate u numeru cù u vostru numaru.

12. Dapatkan Zona di Display di un Browser

Contoh Prestu

Larghezza di visualizzazione è ‘+ lebar pandang +’ x ‘+ sudut pandang +’

‘); // ->

Chiddu ca lu snippeto JavaScript?

Questu fragmentu vi permetterà di avè a larghezza è l’altezza di u spaziu di visualizzazione di u vostru browser Questu darà à u progettista a capacità di creà è aduprà visualizazioni beragam basatu nantu à a dimensione di a finestra di navigatore di l’utente.

13. Rindirizzà cù Retardu Opzionale

Contoh Prestu

setTimeout ("window.location.href = ‘http://walkerwines.com.au/’", 5 * 1000);

Chiddu ca lu snippeto JavaScript?

Questu fragmentu vi permetterà di reindirizzare i vostri spettatori in un’altra pagina è hà l’opzione di definisce un ritardu. L’utilizazione di stu tagellu hè abbastanza spiegabile è hè un strumentu assai prezioso per avè in a vostra cintura.

14. Kesan iPhone

Lega

jika ((navigator.userAgent.match (/ iPhone / i)) || (navigator.userAgent.match (/ iPod / i))) {if (document.cookie.indexOf ( "iphone_redirect = salah") == -1) {window.location = "http://m.espn.go.com/wireless/?iphone&i = COMR"; }}

Chiddu ca lu snippeto JavaScript?

Questu snippettu vi permettenu di detta si u vostru viscuvatore hè nantu à un iPhone o iPod chì permette di vede parechji cuntenuti. Questu snippet hè in valore cun vogliu quandu hè u mercatu mobili è hè solu à cuntinuà à cresce.

15. Stampa messagiu à a barra di statutu

Contoh Prestu

“; // ->

Chiddu ca lu snippeto JavaScript?

Stu tornu ti permetterà di stampà un missaghju à a barra di stato. Pudete fà cumparisce notizie latesti o penting dalam una zona chì piglerà l’ochju di l’utente.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me