Заголовок документа

жүктеу/скачать 465.78 Kb.

бет	25/26
Дата	15.03.2024
өлшемі	465.78 Kb.
	#495676

1 ... 18 19 20 21 22 23 24 25 26

JAVA SCRIPT-ОБЪЕКТІГЕ БАҒЫТТАЛҒАН СКРИПТІК БАҒДАРЛАМАЛАУ ТІЛІ-оқулық

ТАҚЫРЫП 2. JAVASCRIPT-КОДЫН ҚАЙДА ОРНАЛАСТЫРУҒА БОЛАДЫ
Javascript-коды сыртқы файлда орналасуы

align="right" valign="top">Имя

align="right" valign="top">e-mail

align="right" valign="top" >Пароль

align="right" valign="top" >Повтор пароля

align="right" valign="top" >Пол

align="right" valign="top">Увлечения

align="right" valign="top">Ваши пожелания

align="right" colspan="2">
type="submit" name="submit" value="Отправить">
type="reset" name="reset" value="Очистить">

Форма *регистрации*
<form><form><form><form><form><table><tr><td><td><td><textarea><td><td><select><td><td><td></td></tr><tr><td><form><textarea><form><textarea><select><form><form><form><div><div><div><form><div><h2> <a href="/sandi-ornekter-men-eripti-ornekter.html">Өрнектер</a></h2> <br />Өрнектер литералдар, айнымалылар, операциялар белгілері және жақша арқылы құрылады. Өрнектерді есептеулер нәтижесінде жалғыз мән, ол сан болуы мүмкін, қатарлар немесе логикалық мән болады. <br />ab өрнегі, <a href="/a-jimdastirilfan-jene-jimdastirilmafan-nari-v-asha-jene-nesie.html">a және b </a><b>операнд</b> деп аталады, ал - операциялар белгісі. <br />Javascript- келесі операциялар анықталған (4-кесте): <br /> <br /> <br /><ol> <ol start="4"> <li/> <br />кесте <br /></ol> </ol> <br /> <br /> <br /><table width="560" cellpadding="2" cellspacing="0"> <col width="143"> <col width="405"> <tr valign="top"> <td width="143" height="17"> <br /><b>Операция</b> <br /></td> <td width="405"> <br /><b>Атаулары</b> <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="143" height="19"> <br />+ <br /></td> <td width="405"> <br />қосу <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="143" height="19"> <br />- <br /></td> <td width="405"> <br />азайту <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="143" height="19"> <br />* <br /></td> <td width="405"> <br />көбейту <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="143" height="19"> <br />/ <br /></td> <td width="405"> <br />бөлу <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="143" height="19"> <br />% <br /></td> <td width="405"> <br />Бөлуден қалған бүтін сандар <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="143" height="19"> <br />++ <br /></td> <td width="405"> <br />Операнд мәнін бірлікке ұлғайту <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="143" height="17"> <br />-- <br /></td> <td width="405"> <br />Операнд <a href="/saba-kirispe-ondi-bolshekterdi-osu-jene-azajtu.html">мәнін бірлікке азайту </a><br /></td> </tr> </table> <br /> <p>Операторлар солдан оңға қарай арифметикалық операциялардың басымдықтарына сәйкес мәнде есептеледі. Есептеулер тәртібін жақша көмегімен өзгертуге болады. Әрбір арифметикалық операторлар үшін форма бар, онда бір мезгілде, берілген операция біліктілігі орындалады(5- кесте). Бұл жағдайда алдымен оң операндесептелінеді, содан кейін алынған мән сол жақ операндаға беріледі.:</p> <br /> <br /> <br /><ol> <ol start="5"> <li/> <br />кесте <br /></ol> </ol> <br /> <br /> <br /><table width="562" cellpadding="2" cellspacing="0"> <col width="142"> <col width="408"> <tr valign="top"> <td width="142" height="17"> <br /><b>Оператор</b> <br /></td> <td width="408"> <br /><b>Эквивалентті</b> <b>операторды</b> <b>меншіктеу</b> <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="142" height="19"> <br />X+=Y <br /></td> <td width="408"> <br />X=X+Y <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="142" height="19"> <br />X-=Y <br /></td> <td width="408"> <br />X=X-Y <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="142" height="19"> <br />X=Y <br /></td> <td width="408"> <br />X=XY <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="142" height="19"> <br />X/=Y <br /></td> <td width="408"> <br />X=X/Y <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="142" height="17"> <br />X%=Y <br /></td> <td width="408"> <br />X=X%Y <br /></td> </tr> </table> <br /> <p>Javascript-та салыстыруға мүмкіндік үшін екі маңызы бар салыстыру <a href="/alansha-bezi-auiratin-nauasti-radioimmundi-analiz-edisimen-zer.html">операциялары анықталды</a>, соның нәтижесінде ғана логикалық мәні бар болуы мүмкін: <i>true</i><i> </i>немесе <i>false</i><i> </i>(6-кесте):</p> <br /><ol> <ol start="6"> <li/> <br />кесте <br /></ol> </ol> <br /> <br /> <br /><table width="560" cellpadding="2" cellspacing="0"> <col width="211"> <col width="337"> <tr valign="top"> <td width="211" height="17"> <br /><b>Операция</b> <br /></td> <td width="337"> <br /><b>Атауы</b> <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="211" height="19"> <br />< <br /></td> <td width="337"> <br />Кіші <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="211" height="19"> <br /><= <br /></td> <td width="337"> <br />Кіші немесе тең <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="211" height="19"> <br />== <br /></td> <td width="337"> <br />Тең <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="211" height="19"> <br />!= <br /></td> <td width="337"> <br />Тең емес <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="211" height="19"> <br />>= <br /></td> <td width="337"> <br />Үлкен немесе тең <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="211" height="17"> <br />> <br /></td> <td width="337"> <br />Үлкен <br /></td> </tr> </table> <br /> <p>Javascript-та логикалық операциялар анықталған:</p> <br /><ul> <li/> <br /><i>&&</i><i> </i>- логикалық ЖӘНЕ (AND), <br /><li/> <br /><i>\|\|</i><i> </i>- логикалықНЕМЕСЕ (OR), <br /><li/> <br /><i>!</i><i> </i>- логикалықТЕРІСТЕУ (NOT). <br /></ul> <br />Логикалық операторлардың әсер ету нәтижесі операнд мәндерінің түрлі комбинацияларымен кестеде көрсетілген (7-кесте): <br /> <br /> <br /><ol> <ol start="7"> <li/> <br />кесте <br /></ol> </ol> <br /> <br /> <br /><table width="567" cellpadding="2" cellspacing="0"> <col width="107"> <col width="110"> <col width="109"> <col width="109"> <col width="107"> <tr valign="top"> <td width="107" height="17"> <br /><b>A</b> <br /></td> <td width="110"> <br /><b>B</b> <br /></td> <td width="109"> <br /><b>A&&B</b> <br /></td> <td width="109"> <br /><b>A\|\|B</b> <br /></td> <td width="107"> <br /><b>!A</b> <br /></td> </tr> <tr valign="top"> <td width="107" height="19"> <br />true <br /></td> <td width="110"> <br />true <br /></td> <td width="109"> <br />true <br /></td> <td width="109"> <br />true <br /></td> <td width="107"> <br />false <br /></td> </tr> <tr valign="top"> <td width="107" height="19"> <br />true <br /></td> <td width="110"> <br />false <br /></td> <td width="109"> <br />false <br /></td> <td width="109"> <br />true <br /></td> <td width="107"> <br />false <br /></td> </tr> <tr valign="top"> <td width="107" height="19"> <br />false <br /></td> <td width="110"> <br />true <br /></td> <td width="109"> <br />false <br /></td> <td width="109"> <br />true <br /></td> <td width="107"> <br />true <br /></td> </tr> <tr valign="top"> <td width="107" height="18"> <br />false <br /></td> <td width="110"> <br />false <br /></td> <td width="109"> <br />false <br /></td> <td width="109"> <br />false <br /></td> <td width="107"> <br />true <br /></td> </tr> </table> <br /> <p>Басқаша айтқанда, A&&Bөрнектің <a href="/logicheskie-virajeniya-i-logicheskie-operacii.html">мәні ақиқат болады</a>, егер екі оператор ақиқат, жәнеқарсы жағдайда жалған болса. A\|\|B өрнектің мәні ақиқат болады, егер ең болмағанда бір операнда мәні ақиқат, және кері жағдайда жалған болса. Егер А <a href="/logicheskie-virajeniya-i-logicheskie-operacii.html">операнда мәні ақиқат болса</a>, онда !A - жалған, және керісінше.</p> <br />Литерал қатары үшін конкатенация қатары операциясы анықталады, яғни олардың бірлестігі. Бұл операция плюс (+ ) белгісімен белгіленеді. Операциялардың орындалу нәтижесі қатар болып табылады. Мысалы: <br /><i>var</i><i> </i><i>st1="Привет";</i><i> </i><i>var</i><i> </i><i>st2="Вася";</i><i> </i><i>var st3=st1+st2;</i> <br />st3 айнымалы нәтижесінде мәні "Привет Вася" болады. <br />Операциялардың басым бағыттарының кестесін олардың кему тәртібімен келтірейік. Операциялардың басымдығы операциялар тұрғысынан орындалатын тәртібті анықтайды (8-кесте): <br /><ol> <ol start="8"> <li/> <br />кесте <br /></ol> </ol> <br /> <br /> <br /><table width="560" cellpadding="2" cellspacing="0"> <col width="272"> <col width="276"> <tr valign="top"> <td width="272" height="18"> <br /><b>Атаулары</b> <br /></td> <td width="276"> <br /><b>Белгілеулері</b> <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Инкремент <br /></td> <td width="276"> <br />++ <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Декремент <br /></td> <td width="276"> <br />-- <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Терістеу <br /></td> <td width="276"> <br />! <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Унарлы минус <br /></td> <td width="276"> <br />- <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Көбейту <br /></td> <td width="276"> <br />* <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Бөлу, бөлінді қалдығы <br /></td> <td width="276"> <br />/,% <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Қосу <br /></td> <td width="276"> <br />+ <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Азайту <br /></td> <td width="276"> <br />- <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Салыстыру <br /></td> <td width="276"> <br /><, >, <=, >= <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br /><b>Атаулары</b> <br /></td> <td width="276"> <br /><b>Белгілеулері</b> <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Теңестіру <br /></td> <td width="276"> <br />== <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Теңдік емес <br /></td> <td width="276"> <br />!= <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Логикалық ЖӘНЕ <br /></td> <td width="276"> <br />&& <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="19"> <br />Логикалық <a href="/januarlar-dniesin-orfau-osimin-molajtu-jene-pajdalanu-turali.html">НЕМЕСЕ </a><br /></td> <td width="276"> <br />\|\| <br /></td> </tr> <tr></tr> <tr></tr> <tr valign="top"> <td width="272" height="17"> <br />Біліктіліктер <br /></td> <td width="276"> <br />=, +=, -=, =, /=, %=, != <br /></td> </tr> </table> <br /><span id='ТАҚЫРЫП_2._JAVASCRIPT-КОДЫН_ҚАЙДА_ОРНАЛАСТЫРУҒА_БОЛАДЫ'><h2> ТАҚЫРЫП 2. JAVASCRIPT-КОДЫН ҚАЙДА ОРНАЛАСТЫРУҒА БОЛАДЫ</span></h2> <br /> <p>Javascript-коды парақ ретінде, сондай-ақ сыртқы файлда орналастырылуы мүмкін.</p> <br /><h2> Javascript-кодының парақта орналасуы</h2> <br />Javascript <a href="/stud-kz-aza-tilinde-jazilfan-jmistar-sani-jene-sapasi-bojinsha-v3.html">тілінде жазылған сценарийлер</a>, html-парақта <br /><i><b><script></script></b></i><i> </i>тегтары арасында орналастырылуы мүмкін, олар өз кезегінде әдетте <i><b><head></head></b></i>тегта орналасқан. <i><b><script> </b></i>тегінде <b>language</b> параметрі көрсетілуі тиіс, ол скрипт жазу тілін көрсетеді: <br /><i><html></i> <br /><i><head></i> <br /><i><title>Заголовок</i><i> </i><i>документа</title></i> <br /><i><link</i><i> </i><i>rel="stylesheet"</i><i> </i><i>type="text/css"</i><i> </i><i>href="style.css"></i> <br /><i><script</i><i> </i><i>language="javascript"></script></i> <br /><i></head></i> <br /><i><body></i> <br /><i> </body></i><i> </i>тег арасында) орналасуы мүмкін. <a href="/scenarij-dlya-shkoli-78-novogodnij-scenarij-prazdnika-dlya-det.html">Мұндай сценарий орындалады</a>, егер браузер парақты осы орынға "есептесе" (<i><script></script></i><i> </i>тегке дейін). Мұндай тәсілді пайдалану қазір қабылданған жоқ. <br /><span id='Javascript-коды_сыртқы_файлда_орналасуы'><h2> Javascript-коды сыртқы файлда орналасуы</span></h2> <br />Блокнот парағын (әзірге бос) құрыңыз, оны script.js ретінде сақтаңыз (1-сурет) және html-парақтар папкасына қойыңыз: <br /> <p>1-сурет. script.js файлын сақтау</p> <br /> <p>Бұл <i>javascript-</i>коды бар парағымыз. Енді <i>script.js</i><i> </i>– парағын html- парағына қосу керек. Бұл үшін, естеріңізде болса, html <i><script> </i>тег бар. <a href="/-siz-elim-jerim-dep-jrgen-alashti-bir-azamatisiz-osi-trfidan-k.html">Айта кетейік</a>, бұл тег-html-парақта :</p> <br /><i><html></i> <br /><i><head></i> <br /><i><title>Заголовок</i><i> </i><i>документа</title></i> <br /><i><link</i><i> </i><i>rel="stylesheet"</i><i> </i><i>type="text/css"</i><i> </i><i>href="style.css"></i> <br /><i><script</i><i> </i><i>type="text/javascript"</i><i> </i><i>src="script.js"></script></i> <br /><i></head></i> <br /><i><body></i> <br /><i> </i> <br /><i> </i> <br /><i><div</i><i> </i><i>onClick="showMessage();">Щелкни</i><i> </i><i>меня</div></i> <br /><i> </i> <br /><i><form</i><i> </i><i>name="forma1"></i> <br /><i>Введите</i><i> </i><i>длину</i><i> </i><i>прямоугольника</i><i> </i><i><input</i><i> </i><i>type="text"</i><i> </i><i>name="t1"</i><i> </i><i>size="10"> <br /></i> <br /><i>Введите</i><i> </i><i>ширину</i><i> </i><i>прямоугольника</i><i> </i><i><input</i><i> </i><i>type="text"</i><i> </i><i>name="t2"</i><i> </i><i>size="10"> <br /></i> <br /><i><input</i><i> </i><i>type="button"</i><i> </i><i>name="button"</i><i> </i><i>value="Вычислить"> <br /></i><i> </i><i>Площадь</i><i> </i><i>прямоугольника</i><i> </i><i>равна</i><i> </i><i><input</i><i> </i><i>type="text"</i><i> </i><i>name="res"</i> <br /><i>size="10"></i> <br /><i></form></i> <br /><i> </i> <br /><i><form</i><i> </i><i>name="forma1"></i> <br /><i>Введите</i><i> </i><i>длину</i><i> </i><i>прямоугольника</i><i> </i><i><input</i><i> </i><i>type="text"</i><i> </i><i>name="t1"</i><i> </i><i>size="10"> <br /></i> <br /><i>Введите</i><i> </i><i>ширину</i><i> </i><i>прямоугольника</i><i> </i><i><input</i><i> </i><i>type="text"</i><i> </i><i>name="t2"</i><i> </i><i>size="10"> <br /></i> <br /><i><input</i><i> </i><i>type="button"</i><i> </i><i>name="button"</i><i> </i><i>value="Вычислить"</i><i> </i><i>onClick="areaRectangle();"> <br /></i> <br /><i>Площадь</i><i> </i><i>прямоугольника</i><i> </i><i>равна</i><i> </i><i><input</i><i> </i><i>type="text"</i><i> </i><i>name="res"</i><i> </i><i>size="10"></i> <br /><i></form></i> <br /><i> </i> <br /><i><table><tr></i> <br /><i><td><div</i><i> </i><i>id="red"</i><i> </i><i>onClick="message('Вы</i><i> </i><i>щелкнули</i><i> </i><i>по</i><i> </i><i>красному</i><i> </i><i>квадратику');"></div></td></i> <br /><i><td><div</i><i> </i><i>id="green"</i><i> </i><i>onClick="message('Вы</i><i> </i><i>щелкнули</i><i> </i><i>по</i><i> </i><i>зеленому</i><i> </i><i>квадратику');"></div></td></i> <br /><i><td><div</i><i> </i><i>id="blue"</i><i> </i><i>onClick="message('Вы</i><i> </i><i>щелкнули</i><i> </i><i>по</i><i> </i><i>синему</i><i> </i><i>квадратику');"></div></td></i> <br /><i></tr></table></i> <br /><i> </i> <br /><i><form</i><i> </i><i>name="forma2"></i> <br /><i><textarea</i><i> </i><i>name="desc"</i><i> </i><i>cols=45</i><i> </i><i>rows=4> onMouseOver="showDesc(forma2,'Малина* обыкновенная — кустарник с многолетним корневищем,'+ ' из которого развиваются двухгодичные надземные стебли высотой до полутора метров.');" onMouseOut="delet(forma2);">Малина onMouseOver="showDesc(forma2,'Черника — кустарничек высотой 15—30 см. Ветви отходят'+ ' от главного стволика под острыми углами.');" onMouseOut="delet(forma2);">Черника onMouseOver="showDesc(forma2,'Ежевика — название нескольких видов растений из рода Rubus'+ ' семейства Розовые.');" onMouseOut="delet(forma2);">Ежевика name="forma3"> Сторона 1 type="text" size="8" maxlength="8" name="st1"> Сторона 2 type="text" size="8" maxlength="8" name="st2"> Сторона 3 type="text" size="8" maxlength="8" name="st3"> onClick="areaOfTriangle(forma3);"> type="reset" value="Отменить"> Результат type="text" size="8" maxlength="8" name="res"> name="forma4"> Значение 1 type="text" size="8" maxlength="8" name="zn1"> Значение 2 type="text" size="8" maxlength="8" name="zn2"> Значение 3 type="text" size="8" maxlength="8" name="zn3"> type="button" value="Максимальное значение" onClick="maxZnach(forma4);"> type="text" size="8" maxlength="8" name="res"> type="reset" value="Отменить"> src="images/tigrenok.jpg" name="tigr" width="102" onMouseOver="bigPict()"> Прогноз погоды на какой-день Вас интересует: name="forma5"> name="day" size="7"> selected value="mon">понедельник value="tue">вторник value="wen">среда value="thu">четверг value="fri">пятница value="sat">суббота value="san">воскресенье type="button" value="OK" onClick="Vday(forma5);"> cols="35" rows="5" wrap="virtual" name="res"> Прогноз погоды на какой-день Вас интересует: name="forma6"> type="text" size="15" maxlength="15" name="zn"> onClick="Vday1(forma6);"> cols="35" rows="5" wrap="virtual" name="res"> src="images/pict1.gif"> Перед регистрацией ознакомьтесь href="#">с правилами . name="forma1"> border="0" cellspacing="5" cellpadding="5">
type="text" name="name" size="25">
type="text" name="e-mail" size="25">
type="password" name="password" size="25">
type="password" name="password1" size="25">
type="radio" name="sex" value="man" checked>мужской type="radio" name="sex" value="woman"> женский
name="hobby" size="7" multiple> selected value="1">компьютеры value="2">спорт value="3">игры value="4">животные value="5">автомобили value="6">клубы value="7">музыка
cols="30" rows="3" wrap="physical">

src="images/pict2.gif">

name="forma7">
Вас интересует сумма всех чисел
от type="text" name="a1" size="5" maxlength="5"> до type="text" name="a2" size="5" maxlength="5">
type="button" value="Вычислить" onclick="summa(forma7);">
Сумма равна maxlength="10">

name="forma8">
type="button" value="Время" onClick="nTime(forma8);">
type="text" size="10" name="res">

name="forma9">
type="button" value="Дата" onClick="tData(forma9);">
type="text" size="20" name="res">

onload="showDay();">

Введите имя для проверки:
type="text" size="20" name="name">
type="button" value="Проверить" onClick="proverka(forma10);">

name="forma11"> Введитетекст:

Введитеслово: type="text" size="10" name="slovo">

type="button" value="Определить" onClick="numword(forma11);">

Количествословвтексте: type="text" size="10" name="res">

жүктеу/скачать 465.78 Kb.

Достарыңызбен бөлісу: