JavaScript: അപ്ലിക്കേഷൻ ഉദാഹരണങ്ങൾ

ലളിതമായ കോഡ് ഉദാഹരണങ്ങൾ നിങ്ങളുടെ പേജിന്റെ ചലനാത്മകവും കാര്യക്ഷമതയും എങ്ങനെ മെച്ചപ്പെടുത്താമെന്ന് വേഗത്തിൽ മനസിലാക്കാൻ നിങ്ങളെ സഹായിക്കും.

ബ്രൗസറിനുള്ളിലെ പ്രോഗ്രാമിങ് ഭാഷ JS ആണ്. ഒബ്ജക്റ്റ് ഓറിയന്റഡ് പ്രോഗ്രാമിംഗിലെ യഥാർത്ഥ പരിഹാരങ്ങൾ, സെർവറുമായി എങ്ങനെ ആശയവിനിമയം നടത്താൻ സാധിക്കുമെന്നത് അറിയാൻ JavaScript- ന്റെ ഒരു സോളിഡ് അനുഭവം ഉണ്ട്, കാരണം കോഡിന്റെ ധാരാളം ജാവാസ്ക്രിപ്റ്റ് ഉദാഹരണങ്ങൾ മനസിലാക്കാനും പ്രയോഗത്തിനുമായി ഉടൻ ലഭ്യമാകുന്നില്ല.

പൊതുവായ വഴി പൊതുവായത്: ഒരു ലളിതമായ തുടക്കം

ബ്രൌസറിനുള്ളിലെ പ്രോഗ്രാമിങ് താരതമ്യേന ചെറുപ്പമാണ്, പക്ഷേ ഗുണനിലവാരവും ഒറിജിനൽ അനുഭവവും വേഗം കൂട്ടുകയുണ്ടായി. ഇൻറർനെറ്റ് പ്രോഗ്രാമിങ് ഭാഷകളിൽ, പ്രാഥമികമായി സി / സി ++, പാസ്കൽ മുതൽ സിന്റാക്സുകളുടെ പ്രവർത്തനവും പ്രായോഗികതയും കണക്കിലെടുത്ത്, "മുൻഗാമികളുടെ", "മുൻഗാമികൾ" എന്നിവയിൽ നിന്നും ലഭിച്ചത്.

ജാവാസ്ക്രിപ്റ്റ് ഉദാഹരണങ്ങൾ നോക്കിയാൽ, എഴുത്തുകാരുടെ ചിന്തയും അൽഗോരിതം പ്രവർത്തനങ്ങളുടെ പ്രവർത്തനവും പെട്ടെന്ന് മനസിലാക്കാൻ ഒരാൾ ശ്രമിക്കരുത് - ഇത് അൽപമെങ്കിലും വാഗ്ദാനമാണ്, നിങ്ങളുടെ സ്വന്തം സ്വകാര്യ പ്രാധാന്യം ഊന്നിപ്പറയാൻ നല്ലതാണ്.

സ്വയം ടാഗിൽ onload ഹാൻഡ്ലർ കണക്റ്റുചെയ്ത് ആധുനിക രീതിയിൽ "ഹൌസ്" എഴുതുക "ഞാൻ തയ്യാറാണ്".

ഈ ജാവാസ്ക്രിപ്റ്റ് ഉദാഹരണങ്ങൾ കാണിക്കുന്നു:

• പേജ് ലോഡ് ചെയ്തതിനുശേഷം ദൃശ്യമാകുന്ന onload ഇവന്റ് ഒരു ഹാൻഡിലർ - GoPage () ഫംഗ്ഷൻ നൽകുന്നു;
• ഈ പേജ് ലോഡ് ചെയ്യുകയും GoPage () ഫംഗ്ഷൻ നിയന്ത്രണം നേടുകയും ചെയ്യുന്നു;
• "ഞാൻ തയ്യാറാണ്" ബ്രൌസറിൽ ഒരു സന്ദേശം പ്രദർശിപ്പിക്കുന്ന അലേർട്ട് ഭാഷയുടെ ആന്തരിക പ്രവർത്തനം വിളിക്കുക;
• സന്ദർശകരുടെ പ്രതികരണത്തിനായി ബ്രൗസർ കാത്തിരിക്കുന്നു.

പേജ് ലോഡ് ചെയ്ത ശേഷം ടൈമർ ആരംഭിച്ചതിന് ശേഷം സാധാരണ ചെയ്യേണ്ട പ്രവൃത്തികളുടെ വിവരണങ്ങൾ കമന്റുകൾ അടങ്ങിയിരിക്കുന്നു.

വളരെ ഹൃദ്യമായവ: പേജിൻറെ ഘടകങ്ങളിലേക്ക് JS വളരെ വളരെ അടുത്ത ബന്ധമുള്ളതാണ്. അതിനാൽ, document.getElementById എന്നതിലേക്ക് കോൾ ഐഡന്റിഫയർ "scTimer" ഉപയോഗിച്ച് ഒരു div റഫറൻസ് നൽകുന്നു. DTimer.innerHTML = "എതെങ്കിലും സാധുവായ എച്ച്ടിഎംഎൽ കോഡ്" രൂപകൽപ്പന ഉപയോഗിച്ച് , നിങ്ങൾക്ക് ഈ div ന്റെ ഉള്ളടക്കങ്ങൾ ഡൈനമിക്കായി മാറ്റാൻ കഴിയും.

ജാവാസ്ക്രിപ്റ്റിന്റെ സ്ക്രിപ്റ്റിംഗ് ബോഡിയിൽ പിശകുകളുടെ അഭികാമ്യമല്ല നിങ്ങൾ ശ്രദ്ധിക്കേണ്ടത്. ഇതിന് ഉദാഹരണങ്ങൾ നെഗറ്റീവ് പരിണതഫലങ്ങൾ ഉണ്ട്. മുകളിലുള്ള കോഡ് അലേർട്ട് ('ഞാൻ തയ്യാറാണ്') പറയുന്നു, അത് പ്രവർത്തിക്കില്ല. സ്ട്രിങ്ങുകളെ നിർവ്വചിക്കുന്നതിന്, ഏതെങ്കിലും തരത്തിലുള്ള ലഘുലേഖകൾ അനുവദനീയമാണ്: സിംഗിൾ, ഡബിൾ, ഒരു ജോടി ഒന്ന് ഉപയോഗിക്കാം, രണ്ടാമത്തേത് ഒരു ചിഹ്നമാണ്.

ഈ സാഹചര്യത്തിൽ, അത് സൂചിപ്പിക്കേണ്ട: ഒന്നുകിൽ മുന്നറിയിപ്പ് ("ഞാൻ തയ്യാറാണ്"), മുന്നറിയിപ്പ് ('ഞാൻ തയ്യാറാണ്'), മുന്നറിയിപ്പ് ('ഞാൻ തയ്യാറാണ്'), അല്ലെങ്കിൽ മറ്റ് സംയോജനങ്ങൾ എന്നിവ.

JS- കോഡിലെ പിശകുകളെക്കുറിച്ച്

തുടക്കത്തിൽ ഒരു ബ്രൗസർ ഉണ്ടായിരുന്നു, സൈറ്റിന്റെ പേജ് അപ്ലോഡുചെയ്തു, ഒരു DOM ട്രീ നിർമ്മിക്കുകയും പ്രവർത്തിക്കാൻ ജാവാസ്ക്രിപ്റ്റ് പ്രാപ്തമാക്കുകയും ചെയ്തു: ലോഡ് ചെയ്ത പേജ് വിശകലനം ചെയ്യുക, അതിന്റെ ഘടകങ്ങൾ ആരംഭിക്കുക, ഇവൻറ് ഹാൻഡ്ലറുകൾ കണക്റ്റുചെയ്ത് സെർവറുമായി ബന്ധം സ്ഥാപിക്കുക.

ജാവാസ്ക്രിപ്റ്റ് (ഉദാഹരണങ്ങൾ) വിശകലനം ചെയ്താൽ, കോഡ് ഡീബഗ് ചെയ്യുന്നതിനായി നിങ്ങൾ ശ്രദ്ധിക്കേണ്ടതുണ്ട്. ഈ നടപടിക്രമങ്ങൾ പ്രധാനമായും ഡവലപ്പറിനെ ബാധിക്കുന്നു. പ്രവർത്തിച്ചിരുന്ന ബ്രൗസർ ചില ഡീബഗ്ഗിംഗ് പ്രയോഗങ്ങൾ നൽകാം, പക്ഷേ ആഗ്ലിക്കെത്തിന്റെ ഭാഷയുടെ ലളിതമായ ആചരണം, ലാളിത്യം, കൃത്യത എന്നീ പ്രവർത്തികൾ ഫലപ്രദമായി കൈവരിക്കാൻ സഹായിക്കുമെന്ന് പ്രാക്ടീസ് കാണിക്കുന്നു.