Форум программистов [Powered by Invision Power Board]

Код

<table id="trim_ghtrfd"><tr><td id="justify"><sape_index>
     &nbsp;&nbsp;&nbsp;&nbsp;Èòàê. Âû õîòèòå íà÷àòü ïðèìåíÿòü js â ñâîèõ php-ñöåíàðèÿõ èëè 
     â html-ôàéëàõ. Èëè ïîêà ïðîñòî ýêñïåðèìåíòèðóåòå íà òåñòàõ. 
     Õîòÿ ðàçíèöà åñòü îò òîãî, â êàêèõ èìåííî ôàéëàõ Âû ïðèìåíÿòü ðåøèëè js, 
     íî îíà ñòîëü íå áîëüøàÿ, ÷òî ïîíèìàÿ êàê ýòî äåëàåòñÿ â php, Âû ñìîæåòå ðàçîáðàòüñÿ è 
     ñ òåì, êàê ýòî ïðîèñõîäèò â html. È íàîáîðîò. ß ïîñòàðàþñü ïðèâåñòè ïðèìåðû äëÿ îáîèõ 
     ñëó÷àåâ.
     <br />&nbsp;&nbsp;&nbsp;&nbsp;Ñíà÷àëà âîçüì¸ì html-ôàéë. Ïðèìåð:
     <br />&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;";
     <br />&lt;html&gt;
     <br />&lt;head&gt;
     <br />&lt;title&rsaquo;Òåñò&lsaquo;/title&gt;
     <br />&lt;link rel="stylesheet" type="text/css" href="./css/style.css" /&gt;
     <br />&lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /&gt;
     <br />&lt;SCRIPT type="text/javascript" language="Javascript1.2"&gt;
     <br />&lt;!--
     <br />&nbsp;&nbsp;&nbsp;var isOpera=(navigator.appName.indexOf("Opera")!=-1);
     <br />&nbsp;&nbsp;&nbsp;var isIE=((!isOpera)&&(navigator.appName.indexOf("Microsoft Internet Explorer")!=-1));
     <br />&nbsp;&nbsp;&nbsp;function myMessage() {
     <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('Hello!');
     <br />&nbsp;&nbsp;&nbsp;}
     <br />&nbsp;&nbsp;&nbsp;//--&gt;
     <br />&lt;/SCRIPT&gt;
     <br />&lt;/head&gt;
     <br />&lt;body&gt;
     <br />Äëÿ íà÷àëà çíàêîìñòâà ñ js äîñòàòî÷íî. ß îáîðâàë âûâîä äîêóìåíòà íà òåãå body, 
     ò.å. íà âûâîäå òåëà html-äîêóìåíòà. À òåïåðü îïèøó, ÷òî çäåñü ó íàñ ïðîèñõîäèò ñ ñàìîãî 
     íà÷àëà. Âûâîäèì ñíà÷àëà òèï äîêóìåíòà. Çàòåì èä¸ò òåã  html. Çàòåì èä¸ò îòêðûâàþùèé òåã 
     head. 
     Çäåñü äëÿ òåõ, êòî íå çíàåò õîðîøî html, ïîÿñíþ íåìíîãî. Òåã title çàäà¸ò íàçâàíèå 
     äîêóìåíòà äëÿ áðàóçåðà, êîòîðîå áóäåò âûâåäåíî ââåðõó áðàóçåðà. Òåã link çàäà¸ò 
     ðàñïîëîæåíèå css-ôàéëà, â êîòîðîì õðàíÿòñÿ êàñêàäíûå òàáëèöû ñòèëåé. Äàííûé ôàéë 
     îáû÷íî ñîçäà¸òñÿ Âàìè ñàìîñòîÿòåëüíî. Òåã meta â äàííîì ñëó÷àå èñïîëüçîâàí äëÿ òîãî, 
     ÷òîá çàäàòü òèï êîíòåíòà (ó íàñ ïðèíèìàåò çíà÷åíèå text/html, ÷òî ïîäîéä¸ò äëÿ
     ìíîãèõ ñëó÷àåâ) è êîäèðîâêó ñòðàíèöû(ó íàñ ïðèíèìàåò çíà÷åíèå windows-1251). 
     À äàëüøå óæå èä¸ò ñàìîå èíòåðåñíîå. Ýòî êàñàåòñÿ ïðèìåíåíèÿ js. Èòàê, ñòðîêîé
     <br />&lt;SCRIPT type="text/javascript" language="Javascript1.2"&gt;
     <br />èëè òåãîì SCRIPT äðóãèìè ñëîâàìè ìû çàäà¸ì íà÷àëî ñåêöèè êîäà íà js. 
     Äî çàêðûâàþùåãî òåãà SCRIPT. Îáðàòèòå âíèìàíèå, ÷òî ñàì òåã SCRIPT äîëæåí áûòü 
     îáÿçàòåëüíî ðàñïîëîæåí â ñåêöèè head. Èíà÷å íå ïîëó÷èòñÿ. Åñòü åù¸ âàðèàíò 
     âíóòðè òåãà body èñïîëüçîâàòü js, íî ìû ïîêà íå áóäåì äëÿ êðàòêîñòè ýòîãî êàñàòüñÿ. 
     Åù¸ ðàç îáðàòèòå âíèìàíèå íà îòêðûâàþùèé òåã SCRIPT. Òàì â êà÷åñòâå type äîëæíî 
     èñïîëüçîâàòüñÿ çíà÷åíèå text/javascript, à language çàäà¸ò ÿçûê, â êà÷åñòâå êîòîðîãî 
     èñïîëüçîâàí Javascript1.2. Âû â ïîñëåäíåì ñëó÷àå ìîæåòå èñïîëüçîâàòü Javascript1.3. 
     Ýòî âåðñèÿ ÿçûêà js. Îñòàëüíîå îñòàâüòå áåç èçìåíåíèé. Âîîáùå òåã SCRIPT èñïîëüçîâàòüñÿ 
     ìîæåò â áîëåå îáùåì ñëó÷àå äëÿ âñòàâêè ñêðèïòà íà êàêîì-òî ÿçûêå. À òåïåðü îáðàòèòå 
     âíèìàíèå íà ñèìâîëû &lt;!- ïîñëå îòêðûâàþùåãî òåãà SCRIPT è íà ñèìâîëû //--&gt; 
     ïåðåä çàêðûâàþùèì òåãîì SCRIPT. Äàííûå ñèìâîëû îáÿçàòåëüíû, êàêîé áû êîä js íå çàêëþ÷àëñÿ 
     âíóòðè òåãà SCRIPT. Îíè èñïîëüçóþòñÿ äëÿ èñïðàâëåíèÿ íåñòûêîâêè js è html, åñëè êîðîòêî.
     À òåïåðü ïåðåéä¸ì ê ñàìîìó êîäó íà js. Ýòî ñàìûé îáû÷íûé êîä js, êîòîðûé Âû ìîãëè áû 
     èñïîëüçîâàòü â îòäåëüíîì js-ôàéëå, ò.å. ôàéëå, íàïèñàííîì íà js. Äðóãèìè ñëîâàìè ýòî 
     ÷èñòûé js. Ó íàñ äàííûé êîä íå áîëüøîé. Ñíà÷àëà îáúÿâëÿþòñÿ äâå ïåðåìåííûõ isOpera  
     è isIE è çäåñü æå èì ïðèñâàèâàþòñÿ çíà÷åíèÿ. Äàëåå èä¸ò îïðåäåëåíèå íàìè ñîçäàííîé 
     ôóíêöèè ñ ïðèäóìàííûì íàìè æå èìåíåì myMessage. Ïåðåìåííûå ìîæíî áûëî íàçâàòü ïî-äðóãîìó. 
     Ïåðâàÿ ïåðåìåííàÿ èñïîëüçóåòñÿ äëÿ îïðåäåëåíèÿ ÿâëÿåòñÿ áðàóçåð ïîëüçîâàòåëÿ Îïåðîé. 
     Âòîðàÿ -ïî÷òè äëÿ òîãî æå, íî çäåñü ôèãóðèðóåò IE â êà÷åñòâå áðàóçåðà. Çíà÷åíèÿ 
     ýòèõ ïåðåìåííûõ ïîëó÷àþò ñïîñîáîì, ñòàâøèì ïî÷òè ñòàíäàðòíûì. Åñëè Âû çàõîòèòå 
     èñïîëüçîâàòü ýòîò ñïîñîá, òî íè÷åãî èçìåíÿòü â èñïîëüçîâàííûõ çíà÷åíèÿõ íå íàäî. 
     Ïîñëå ýòîãî ñ ïîìîùüþ óñëîâíîãî îïåðàòîðà if ìîæíî ïðîâåðÿòü çíà÷åíèÿ äàííûõ ïåðåìåííûõ.
     Ïðè ýòîì ìû áóäåì çíàòü êàêîé æå áðàóçåð ó ïîëüçîâàòåëÿ. È ýòî ÷àñòî áûâàåò íóæíî 
     èñïîëüçîâàòü â êîäå. Íî ýòî îòäåëüíàÿ òåìà. Ôóíêöèÿ myMessage ïðîñòî âûâîäèò 
     ïðèâåòñòâèå. ß äàííóþ ôóíêöèþ íàìåðåííî ñäåëàë ïðîñòîé, ÷òîá ëåã÷å áûëî å¸ ïîíÿòü. 
     Îïåðàòîð alert èñïîëüçóåòñÿ â js äëÿ òîãî, ÷òîá âûâîäèòü ñîîáùåíèÿ â ìàëåíüêîì îêîøêå, 
     âûñêàêèâàþùåì â áðàóçåðå ïðè íàñòóïëåíèè ðàçëè÷íûõ ñîáûòèé. Ñîîáùåíèå äîëæíî áûòü 
     çàêëþ÷åíî â àïîñòðîôû èëè â "äâîéíûå êàâû÷êè". Õîòÿ ñîîáùåíèå äîâîëüíî îãðàíè÷åíî ïî 
     äëèíå-âñ¸ ðàâíî ïîëüçîâàòüñÿ äàííûì îïåðàòîðîì î÷åíü óäîáíî, ÷òî ìíîãèå ÷àñòî è äåëàþò. 
     Êðîìå òîãî åãî ÷àñòî î÷åíü èñïîëüçóþò äëÿ òåñòîâ ïðàâèëüíîñòè êîäà. Ò.å. Âû ìîæåòå, 
     íàïðèìåð, äëÿ òåñòà âûâåñòè çíà÷åíèå êàêîé-íèáóäü ïåðåìåííîé js. Êñòàòè, ìíîãèå 
     ïîíà÷àëó äåëàþò â js ìíîãî îøèáîê, ñâÿçàííûõ ñ "äâîéíûìè êàâû÷êàìè" è àïîñòðîôàìè. 
     Ïðîñòî â íèõ ëåãêî çàïóòàòüñÿ, à îøèáêè ïîÿâëÿþòñÿ ÷àñòî. Êðîìå òîãî Âàñ ìîæåò çàïóòàòü 
     php, â êîòîðîì òàêæå åñòü ïðîáëåìà êàâû÷åê. ×òî êàñàåòñÿ js, òî, íàïðèìåð, â îïåðàòîðå 
     alert Âû åñëè íà÷èíàåòå ñ àïîñòðîôà, òî è äîëæíû çàêàí÷èâàòü àïîñòðîôîì. Îñòàëüíîå 
     íå èìååò çíà÷åíèÿ. Ò.å. Âû èìååòå ïðàâî èñïîëüçîâàòü è àïîñòðîôû, è "äâîéíûå êàâû÷êè" 
     â îäíîì è òîì æå êîäå js. Òàêèì îáðàçîì Âû èçáåæèòå ìíîæåñòâî îøèáîê.
     <br />&nbsp;&nbsp;&nbsp;&nbsp;Òåïåðü òîò æå ïðèìåð íà php:
     <br />print "&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;";
     <br />//ÂÛÂÎÄÈÌ html-ÄÎÊ-ÍÒ
     <br />print "&lt;html&gt;&lt;head&gt;&lt;title&gt;Òåñò&lt;/title&gt;&lt;link rel=\"stylesheet\" type=\"text/css\" 
     <br />href=\"./css/style.css\" /&gt;&lt;meta http-equiv=\"Content-Type\" content=\"text/html; 
     <br />charset=windows-1251\" /&gt;
     <br />&lt;SCRIPT type=\"text/javascript\" language=\"Javascript1.2\"&gt;
     <br />&nbsp;&nbsp;&nbsp;&lt;!--
     <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var isOpera=(navigator.appName.indexOf(\"Opera\")!=-1);
     <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var isIE=((!isOpera)&&(navigator.appName.indexOf(\"Microsoft Internet Explorer\")!=-
     <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1));
     <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function myMessage() {
     <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('Hello!');
     <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
     <br />&nbsp;&nbsp;&nbsp;//--&gt;
     <br />&lt;/SCRIPT&gt;
     <br /></head><body>";
     <br />Çäåñü âñ¸ òî æå ñàìîå. Òîëüêî èñïîëüçîâàëè îïåðàòîð print äëÿ âûâîäà, êîòîðûé 
     èñïîëüçóåòñÿ òàê æå ïî÷òè êàê echo. Îòëè÷èå print îñíîâíîå îò echo, ÷òî îí ìåíåå 
     îãðàíè÷èâàåò ïî äëèíå âûâîäèìîãî êîäà. Ñðàçó ñêàæó, ÷òî Âû ìîæåòå âûâîä ðàçáèâàòü 
     íà íåñêîëüêî îïåðàòîðîâ print è echo èëè èõ ñìåñü. Ýòî â òîì ñëó÷àå, åñëè ó Âàñ 
     äîêóìåíò âäðóã íå âûâîäèòñÿ. Â òàêîì ñëó÷àå ïåðâîå ïðåäïîëîæåíèå äîëæíî áûòü, ÷òî 
     Âû íå óëîæèëèñü â îãðàíè÷åíèÿ äàííûõ îïåðàòîðîâ ïî äëèíå âûâîäèìîãî êîäà. Â ïîñëåäíåì 
     ïðèìåðå îñòàëîñü ðàçîáðàòüñÿ ñ åäèíñòâåííîé ïðîáëåìîé. Â êîìàíäå print(êàê è â echo), 
     åñëè âíóòðè "äâîéíûõ êàâû÷åê" âñòðåòÿòñÿ îïÿòü òå æå ñàìûå "äâîéíûå êàâû÷êè", 
     òî ïåðåä íèìè íàäî ñòàâèòü "ëåâûé ñëåø". Èíà÷å áóäåò îøèáêà php. Â äàííîì ñëó÷àå 
     "ëåâûé ñëåø" íàçûâàþò ýêðàíèðîâàíèåì ñëåäóþùåãî ñèìâîëà. Ýòî îçíà÷àåò, ÷òî ñèìâîë 
     ýêðàíèðóþò äëÿ òîãî, ÷òîá îí áûë âîñïðèíÿò php ïðàâèëüíî. È åù¸. Íåñìîòðÿ íà ÿñíîñòü 
     ïðèâåä¸ííîãî ïðèìåðà âñ¸ ðàâíî ìîãóò âîçíèêàòü ÷àñòî îøèáêè, ñâÿçàííûå ñ îòîáðàæåíèåì 
     ñèìâîëîâ. ×òîá èõ íå áîÿòüñÿ è ïîñòóïàòü ïðàâèëüíî Âû ìîæåòå ñëåäîâàòü ïðåäëîæåííîé 
     ìíîé ñõåìå äåéñòâèé. Åñëè ó Âàñ âîçíèêëà îøèáêà è Âû äîãàäûâàåòåñü èç-çà êàêîãî 
     ñèìâîëà, òî çàìåíèòå ýòîò ñèìâîë åãî html-ñóùíîñòüþ. Êàê ÿ çàìåíèë "äâîéíûå êàâû÷êè" 
     èõ html-ñóùíîñòüþ &quot; â îïðåäåëåíèè òèïà äîêóìåíòà â ïîñëåäíåì ïðèìåðå. ×òî 
     òàêîå html-ñóùíîñòü? Åñëè êðàòêî-ýòî îáîçíà÷åíèå äëÿ êîíêðåòíîãî ñèìâîëà, ïðèíÿòîå 
     â html. Ïðèíÿòû äâà âèäà èõ ïðåäñòàâëåíèÿ: 16-ðè÷íûé è ñèìâîëüíûé. Â ìî¸ì ïðèìåðå 
     áûë èñïîëüçîâàí ïîñëåäíèé. Åñòü òàáëèöû ýòèõ ñóùíîñòåé. ß âîîáùå ïîñîâåòóþ â ñòðîêå 
     ïîèñêà â ïîèñêîâèêå íàáðàòü ôðàçó "html-ñóùíîñòü" âîçìîæíî áåç äåôèñà èëè 
     "html-ñóùíîñòü ñèìâîëû". Â ïîñëåäíåì ñëó÷àå òîæå âîçìîæíî áåç äåôèñà è êîíå÷íî 
     áåç êàâû÷åê. Âû äîëæíû íàéòè òàêèì îáðàçîì òàáëèöû ñ ñèìâîëàìè è èõ html-ñóùíîñòÿìè. 
     Åñëè Âû óâåðåíû, ÷òî íàéäåííîå îòíîñèòñÿ ê html, òî ìîæåòå ïðèìåíÿòü èõ ñïîêîéíî. 
     Èíà÷å ïîïðîáóéòå íàéäåííîå ïðèìåíèòü â ñâîèõ äîêóìåíòàõ íà ñâîé ðèñê. Ìàëîâåðîÿòíî 
     ÷òî Âû ñåáå íàâðåäèòå, íî ÿ ïðåäóïðåæäàþ. Ìîæåò òàêèì îáðàçîì Âû ñîçäàäèòå äûðó â 
     áåçîïàñíîñòè èëè åù¸ ÷òî-òî óÿçâèìîå. 






     
     <br />
     <div id="right_ghtt">15.02.2009</div></sape_index>
     </td></tr></table>