Sa araling ito, malalaman natin ang tungkol sa mga pamamaraan ng alert(), prompt(), at confirm() ng window object.

alert() na pamamaraan

Ang paraan ng alert() ay idinisenyo upang magpakita ng isang dialog box ng babala na may tinukoy na mensahe at isang "OK" na buton sa screen ng user. Maaari itong magamit upang maihatid ang mahalagang impormasyon sa gumagamit.

window.alert(Parameter_1);

Ang paraan ng alert() ay may isang kinakailangang parameter - ito ang teksto ng mensahe na ipinapakita sa dialog box. Ang pamamaraang ito ay hindi nagbabalik ng anuman bilang resulta ng pagpapatupad nito.

Halimbawa, magpakita tayo ng dialog box ng babala para sa isang bisita sa site kapag nag-click sila sa isang link: Pumunta sa website

confirm() Method Ang confirm() method ng window object ay idinisenyo upang magpakita ng dialog box sa screen ng user na may tinukoy na mensahe at ang "OK" at "Cancel" na mga button. Maaaring gumamit ng window ng kumpirmasyon upang humingi ng pahintulot sa user na magsagawa ng partikular na pagkilos.

var resultConfirm = kumpirmahin(Parameter_1);

Ang pamamaraang ito ay may isang parameter - ito ang teksto ng mensahe na ipapakita sa dialog box.

Ang confirm() na paraan ay nagbabalik ng isa sa dalawang halaga bilang resulta ng pagpapatupad nito:

• true kung ang user ay nag-click sa "OK";
• false kung ang user ay nag-click sa Kanselahin o isinara ito.

Halimbawa, ipakita natin sa elementong p na may id="resultConfirm" ang resulta ng pag-click ng user sa "OK" na button sa dialog box:

var resultActionUser = confirm("User, paki-click ang OK button."); if (resultActionUser) ( document.getElementById("resultConfirm").innerHTML = "User, salamat sa pag-click sa OK button"; ) else ( document.getElementById("resultConfirm").innerHTML = "User, nabigo kami sa iyong tugon ";)

prompt() na pamamaraan

Ang prompt() method ay idinisenyo upang magpakita ng dialog box sa screen ng user na may mensahe, text field para sa pagpasok ng data, at "OK" at "Cancel" na mga button. Ito ay dinisenyo upang i-prompt ang user para sa data.

var resultPrompt = prompt(Parameter_1, Parameter_2);

Ang pamamaraang ito ay may dalawang parameter:

• mensahe na ipapakita sa dialog box. Ang parameter na ito ay kinakailangan at naglalaman ng isang mensahe na "nagsasabi" kung anong data ang dapat ipasok ng user sa field ng text;
• ang pangalawang parameter ay opsyonal at maaaring gamitin upang tukuyin ang paunang halaga na ipi-print sa input field ng dialog box kapag binuksan.

Depende sa mga aksyon ng user, maaaring ibalik ng prompt() na paraan ang sumusunod na data:

• halaga ng teksto - kung ang input field ay naglalaman ng data at ang user ay nag-click sa "OK";
• walang laman na linya - kung ang input field ay walang data at ang user ay nag-click sa "OK";
• null - kung ang user ay nag-click sa "Kanselahin" o isinara ang window na ito, hindi mahalaga kung anong data ang ipinasok sa field ng teksto.

Tandaan: ang dialog box na lalabas bilang resulta ng pagpapatupad ng isa sa mga pamamaraan ng alert() , confirm() o prompt() ay modal, i.e. hinaharangan nito ang access ng user sa parent application (browser) hanggang sa isara ng user ang dialog box.

Halimbawa, humingi tayo ng pangalan sa user at, depende sa resulta, ipakita ang text sa elemento na may id="nameUser" :

var nameUser = prompt ("Ipasok ang iyong pangalan?");

kung si (nameUser) ( document.getElementById("nameUser") ;)

Halimbawa, hilingin natin sa gumagamit na hulaan ang numero 8:

function guessNumber() ( var findNumber = prompt ("Hulaan ang isang numero mula 1 hanggang 10?"); switch (findNumber) ( case "6": alert("Mas mainit na!"); break; case "7": alert (" It's hot!"); break; : alert("Malamig! "); break; ) ) ... Hulaan ang numero

Ang pag-aayos ng isang dialogue kasama ang isang bisita sa isang web resource ay maaaring gawin sa iba't ibang paraan, kung saan ang paggamit ng JavaScript alert() function ay ang pinakasimple at pinakamabilis na opsyon. Ang pagpipiliang ito ay lalong mabuti para sa mga layunin ng pagsubok, ngunit sa maraming mapagkukunan ito ay ginagamit bilang isang natural na pag-andar.

Binibigyang-daan ka ng JavaScript alert() function na makakuha ng apirmatibong sagot. Sa katunayan, hindi ang sagot ang mahalaga, ngunit ang katotohanan na ang impormasyon ay ipinapakita. Higit pa rito, hihinto sa paggana ang web resource hanggang sa tumugon ang user. Ang sagot sa isang alerto ay palaging pareho - ito ang sagot!

Para sa mga layunin ng pag-debug ng JavaScript, ang alert() ay isang perpektong tool na nagbibigay-daan sa iyong mabilis na makakuha ng napapanahong impormasyon, gumawa ng desisyon, at magpatuloy sa pagtatrabaho. Ngunit para sa mga layunin ng normal na paggana ng site, mayroon din itong makatarungang halaga ng mga pakinabang.

Pagkuha ng atensyon ng bisita Ang "Alerto" - tulad ng sa buhay, ay bumubuo ng isang kaganapan na hindi mo maaaring balewalain. Pero.

Ilang developer ang nakakaalam tungkol sa katotohanang ito at gumugugol ng masakit na mahabang panahon sa pag-debug ng kanilang website sa bahagi ng kliyente nito. Kasabay nito, ilang mga developer ang hindi nakakaalam: ang paghahanap ng isang bug sa kliyente, iyon ay, sa browser, ay madalas na napakahirap na:

• Ang mga oras ng mahalagang oras ay nasayang nang walang layunin;
• Ang hindi kapani-paniwalang pagbabago ng code ay ginugol;
• maraming mga script ay pala, sa mga salita, ito ay napupunta sa parehong browser at ang server.

Ngunit wala pa ring resulta. Walang tulong ang mga debugger, o mga salita, o ang mga tool sa pag-debug na binuo sa bawat browser. Samantala, ang kabaong ay laging madaling nagbubukas - ang tamang susi ay mahalaga.

Isang simpleng panuntunan para sa tamang code

Una sa lahat, ang cookies ay naging pinakasikat na bahagi ng isang modernong website. Hindi mo dapat kalimutan:

• JavaScript alerto at cookie ng dokumento
• "dito at ngayon" at "sa pangkalahatan o balang araw".

Ang cookies ay isang cool na paraan upang matandaan ang bawat kliyente sa kalaliman ng browser, ngunit hindi mo dapat bigyan ng kahalagahan ito sa kasalukuyang session. Ang pangunahing alalahanin ng cookies ay ang manatili sa "memorya" ng browser kasama ang nilalaman na mayroon ito sa oras na umalis ang bisita.

Sa lahat ng iba pang aspeto, ang script code sa bituka ng browser ay nakasalalay lamang sa sarili nito at sa mga kaganapang pinoproseso nito.

Sa ganitong konteksto, at ang kontekstong ito ay perpekto, ang code ay hindi maaaring hindi gumana kung ito ay nakasulat nang tama. Ito ang perpektong panuntunan para sa tamang code. Kung ang browser ay nagpapakita ng isang blangkong screen o may ginawang mali, may dahilan upang ipagpalagay na mayroong error.

Ito ay kasingdali ng pie na ilapat:

• JavaScript alert("Lahat ay tama hanggang ngayon!").

Ang pinakamahusay na debugger o debugger ay isang kaganapan na dapat mangyari, ngunit hindi ito nangyayari.

Sa pamamagitan ng paglipat ng konstruksiyon na ito mula sa zero hanggang sa isang nakakainis na krimen sa code, mahahanap mo ang lugar kung saan hindi ito gumagana. Mahahanap ang error. JavaScript alert() ay modal window. Walang paraan upang lampasan ito, at wala nang mangyayari hanggang sa isara ng developer/bisita ang window na ito.

Kung ang window ay hindi mag-pop up, nangangahulugan ito na ito ay ipinahiwatig sa code nang hindi tama, o lahat ng nauna bago ito ay naglalaman ng isang error.

Isang mahirap na sitwasyon kung saan ang alertong JavaScript ay tila hindi gumagana

Pangunahing nauugnay ito sa mga algorithm ng AJAX para sa pakikipagpalitan ng impormasyon sa server. Dito hindi palaging pinahihintulutan na gumamit ng mga klasikal na tool sa pag-debug, at kapag ang isang multi-level na sistema ng mga bagay ay gumagana sa panig ng kliyente, ang pag-debug ay karaniwang nababago sa kamalayan ng developer at walang debugger ang makakatulong.

Ang pinakamahusay na pagpipilian para sa isang alerto sa pamamaraan para sa pakikipag-usap sa server ay isang div kung saan ang protocol para sa pakikipag-usap sa server ay inilalagay gamit ang innerHTML na pamamaraan - ito ay palaging magiging malinaw sa kung anong yugto ang problema ay nangyayari.

Ang isang static na div na palaging nakikita sa pahina ay hindi isang modal window mula sa isang alerto ng JavaScript. Maaaring hindi lumitaw ang window, at maaaring maraming dahilan para dito, at wastong na-format ang mga ito sa syntactically. Ang wika ng browser ay may napakatahimik na disposisyon at hindi kailanman gagawa ng anumang aksyon maliban kung ito ay naiintindihan at na-parse ang isang bagay.

Ang anumang HTML tag na static ay isang magandang bagay. Ang pag-alis ng lahat ng code at pagdaragdag nito sa mga tipak hanggang sa mangyari muli ang error ay hindi ang pinakamabilis na pamamaraan para sa pag-debug. Ang pagsusulat ng tama ay sikat at hinahangad na payo, ngunit hindi praktikal.

Ang wika ng browser ay isang wika na hinimok ng kaganapan, ang pangunahing alalahanin nito ay hindi sequential code, ngunit ang pagpapatupad ng functionality na itinalaga sa mga tag ng page at paghawak ng mga kaganapan.

Karagdagang panuntunan sa isang simpleng panuntunan

Kung ang window ng alerto ng JavaScript ("Nakasulat nang tama ang lahat hanggang ngayon") ay hindi lilitaw sa browser, nangangahulugan ito na ang syntax hanggang sa lugar kung saan nakasulat ang konstruksiyon na ito ay hindi nagdudulot ng mga pagdududa sa browser at naisakatuparan nang tama.

Ang lohika ng modernong istilo ng pagsulat ay may malaking kapintasan. Ang lahat ng mga file ng pahina ay pinagsama-sama (kasama ang kanilang kakanyahan at mga uri) sa isang buo, at pagkatapos nito ay binuo ang DOM. Ang pagkakasunud-sunod kung saan ang mga file ay konektado ay madalas na makabuluhan.

Pinakamainam kapag hindi binibigyang importansya ng developer ang prinsipyong nakabatay sa kaganapan ng pag-aayos ng pagpapatupad ng mga function na nakatalaga sa mga kaganapan, ngunit inaayos ang lahat ng mga function sa pagkakasunud-sunod ng kanilang aplikasyon at pagtatalaga sa mga tag ng page at mga kaganapan.

Ang order ay palaging pinakamahalaga. Malalaman ng JavaScript ang natitira sa sarili nitong: kung ano ang tatawagan at kailan. Ang modernong programming sa pangkalahatan at sa konteksto ng anumang pamamaraan, anumang lubos na organisadong object-oriented na diskarte sa partikular, ay palaging pare-pareho. Palaging pinagsama-sama rin ang mga ito nang sunud-sunod habang inilarawan ang mga ito.

Kung ang isang bagay ay hindi mangyayari, ito ay nangangahulugan na ang isang bagay ay hindi mali sa isang lugar, ngunit lamang sa harap ng lugar na ito.