Pretože JavaScript je klient - side skriptovací jazyk , to vám umožní prístup a manipuláciu s HTML kód na webové stránky po načítaní do prehliadača a zobrazí na obrazovke . Napríklad , môžete pridať štýly na prvky HTML tagovanie prvku s id " , " odkazovanie na prvok a pridať štýl . Môžete priamo zahrnúť štýl alebo definovať triedu a pridajte triedu pridať štýl . Pokyny dovolená 1
Vytvorte stránku HTML pomocou editora alebo Poznámkový blok . Definujte triedu so štýlom , ktorý chcete pridať , a pridať text na webovej stránke , ktorú chcete štýl pomocou JavaScriptu . Napríklad typ :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >
sťahovanie
Pridať štýly < /title > <br> < p . > <style> <br> <p> zvýraznite { background- color : # FFFFCC ; } <br> <p> < /style > <br> <p> < /head > <br> <p> <body> <br> <p> <div id="text1"> Zvýraznite tento text < /div > <br> <p> <div id="text2"> Zvýrazniť tento text príliš < /div > ; <br> <p> < /body > <br> <p> < /html > <br> 2 <p> Vytvorte funkciu JavaScript a umiestnite ju medzi <head> tagy . Získajte " id " prvého textu na štýl a pridať štýlové parametre priamo na neho . Napríklad typ : <br> <p> <script type="text/javascript"> <br> <p> funkcie Style1 ( ) { <br> <p> var text1 = document.getElementById ( " text1 " ) ; <br> <p> text1.style.backgrouondColor = " # FFFFCC " ; <br> <p> } <br> 3 <p> Vytvorte ďalšiu funkciu JavaScript dostať " id " druhý prvok a pridať triedu CSS zmeniť štýl . Napríklad typ : <br> <p> funkcie style2 ( ) { <br> <p> var text2 = document.getElementById ( " text2 " ) ; <br> <p> text2.class = " highlight " ; <br> <p> } <br> <p> < /script > <br> 4 <p> volanie dve funkcie jazyka JavaScript tesne pred uzatvárací značku <body> dať čas HTML stránky načítať . Napríklad typ : <br> <p> <script type="text/javascript"> <br> <p> Style1 ( ) ; <br> <p> style2 ( ) ; <br> <p> < ;/script > <br>
<div class="wodejimotaobuguo">
<div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div>
<div class="oukbwqe122s"></div>
</div>
<ul class="yongbaonidasda">
<li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403348.html' >Ako volanie PHP funkcie s jQuery </a></li>
<li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403350.html' >Ako extrahovať parametre z URL pomocou JavaScriptu </a></li>
</ul>
</div>
<div class="fa324wds"></div>
<div class="xiangguandwdsawqe2">
<h4>Odporúčané články</h4>
<div class="shenmedoubuxiangyaodsa">
<ul class="xinlimianshuosd1">
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403410.html" target="_blank">Ako overiť Date reťazec v jQuery </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403320.html" target="_blank">Ako vytvoriť Div ako pretiahnuť Scriptaculous </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403479.html" target="_blank">Ako importovať VMWare disk do VirtualBox </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403594.html" target="_blank">Ako si vyrobiť vlastný životopis s JavaScriptu program </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403467.html" target="_blank">Ako skontrolovať , či prehliadač má fokus v JavaScripte </a></li>
</ul>
<ul class="xinlimianshuosd2">
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403131.html" target="_blank">Ako používať Java Script v Microsoft Office </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403610.html" target="_blank">Ako zistiť hodnotu null v jazyku JavaScript </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403123.html" target="_blank">Čo znamená ' at ' symbol znamená v JavaScriptu? </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403586.html" target="_blank">Ako sa zobrazí chybové hlásenie Stop Null null alebo nie je objekt </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403126.html" target="_blank">Nové okno je blokovaný v JavaScripte </a> </li>
</ul>
</div>
</div>
</div>
<div class="shangkuaikiada2">
<div class="tahuiyuuedaogenhananr">
<div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div>
<ul>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403557.html" target="_blank" class="ewq32ada131">Javascript krabice Tutorial </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403557.html" target="_blank">krabice je bezplatný open - source JavaScript knižnice , ktoré môžete použiť , aby predložila galériu obrazu na svoje webové stránky vo vizuálne príťažlivý spôsob . Keď používateľ klikne na jednu z vašich miniatúrach , bude krabice fade out na pozadí stránky a zoom obrazu vyplniť okna prehliadača . Tvorca lightboxu bolo možné pridať túto funkciu do svojich webových stránkach len s niekoľkými drobnými úpravami kódu HTML . Veci , ktoré budete potrebovať klipart webový prehliadač klipart HTML strán</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403301.html" target="_blank" class="ewq32ada131">Ako vrátiť Prídavné funkcie pre viac čísel v JavaScripte </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403301.html" target="_blank">jazyk JavaScript má pozoruhodnú sadu vývojových nástrojov pre web , ale JavaScript môžete robiť oveľa viac . JavaScript má väčšinu funkcií pre spracovanie matematických , String , a súborov , ktoré by ste očakávali od ľubovoľného zariadenia pre všeobecné účely programovací jazyk . Rovnako ako ostatné C - like jazyky , štandardné JavaScript umožňuje funkcia vrátiť iba jeden dátový objekt . Je-li objekt vrátený je pole , však, nie je tam žiadny limit na informácie o množstve funkcia môže vrátiť . </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403542.html" target="_blank" class="ewq32ada131">Javascript Timer Tutorial </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403542.html" target="_blank">Vytvorenie webovej stránky , ktorá osviežuje po každých pár minút , vyžaduje použitie JavaScriptu . S JavaScriptu , môžete nastaviť stránku aktualizovať po uplynutí stanoveného časového intervalu a zobrazí odpočítavanie , ktorý sa zobrazí , keď bude budúci obnovovaciu konať . Môžete tiež vytvárať časované udalosti , ktoré bežia alebo slučky vo vopred definovanom čase a synchronizovať viac udalostí na časovej osi . Načasovanie udalosti v JavaScripte sa vykonáva pomocou setTimeout ( ) metódu , k</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403132.html" target="_blank" class="ewq32ada131">Ako si vyrobiť JavaScript Nákupný košík </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403132.html" target="_blank">Veľa webových stránok obchod - riadený patrí on - line nákupné možnosti dať svojim zákazníkom možnosť zakúpiť predmety . Tieto systémy často zdajú byť veľmi zložité , zahŕňajúce veľa kódu a úsilia . Avšak , pre jednoduché nakupovanie riešenie , môžete si stiahnuť jednoduchý , open - source košík skript dať do svojej webovej stránky . To vám umožní rýchlo nasadiť nákupného košíka , bez toho aby sa museli obťažovať s rozsiahlou písania kódu . Pokyny dovolená 1 Stiahnuť simpleCart ( js ) z simplec</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403223.html" target="_blank" class="ewq32ada131">Ako získať textové oblasti podľa názvu v jQuery </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403223.html" target="_blank">jQuery je silný JavaScript knižnica , ktorá umožňuje vytvárať zložité funkcie jazyka JavaScript s minimom kódu . Pomocou voliča systém jQuery je ľahké odkazovať na ľubovoľný prvok na stránke HTML , a potom si prečítajte , alebo zmeniť jeho hodnotu . Napríklad , môžete odkazovať na prvok jeho id odkazu , alebo pomocou hodnoty atribútu name . Dalo by sa použiť toto vykonať overenie na prvku formulára , alebo čítať používateľ zadal hodnotu pre použitie vo výpočte alebo podobne . Pokyny dovolená 1 </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403110.html" target="_blank" class="ewq32ada131">? Čo môžem použiť namiesto JavaScript </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403110.html" target="_blank">JavaScript bol raz myšlienka ako hračka : dobrá len pre krikľavý webových stránok špeciálne efekty . Avšak , jeho použitie sa rozrástla kvôli jeho postavenie ako jeden programovací jazyk nájsť na takmer všetkých moderných webových prehliadačoch , a to sa bežne používa na vytvorenie atraktívnej a výkonné webové aplikácie pre mobilné zariadenia a stolné počítače . Niektorí vývojári , však, zvažovať jazyk ako nevhodné pre veľké projekty - pomalé , nie je skutočne objektovo orientované alebo typ b</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403436.html" target="_blank" class="ewq32ada131">Ako nastaviť stránku Vytlačiť Limit v JavaScripte </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403436.html" target="_blank">Pri navrhovaní webovú stránku , ktorá používa JavaScript , môžete použiť funkciu pre obmedzenie šírky stránky a výšky , že strana bude tlačiť na počítači užívateľa . Táto užitočná funkcia , ak ste navrhovaní webových stránok , ktoré ste buď chcete, aby sa zabránilo pred tlačenej alebo presne určiť , aká veľká časť webovej stránky človek môže vytlačiť . Návod dovolená 1 Otvorte Poznámkový blok alebo HTML alebo textový editor z ponuky Štart systému Windows . 2 Kliknite na Súbor , Otvoriť , </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403227.html" target="_blank" class="ewq32ada131">Ako otočiť o ponuku v JavaScripte </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403227.html" target="_blank">relevantný , šťavnatý citát môžete nastaviť tón pre webové stránky . Citáty sú tiež užitočné samostatných tematických prvkov na jednotlivé stránky alebo ich úsekov publikovanie textu. Nebezpečenstvo zanechania statický text , dokonca aj dobre remeselne epigram , je to , že sa nakoniec stane súčasťou pozadia . Vráťte návštevníkov na vaše stránky bude čítať statický text iba toľkokrát pred tým , než sa stane neviditeľným , alebo ešte horšie , robí vaše stránky vyzerať stale . Výber zbierku krátkyc</a></p>
</li>
</ul>
</div>
<div class="fjsdkfuio2">
<div class="ioufahkwq2311"><h4>JavaScript Programovanie</h4></div>
<ul>
<li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/406712.html" target="_blank">Podreťazec funkcie v VBS </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399976.html" target="_blank">Použitie Python Výnos </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/404366.html" target="_blank">Ako si vyrobiť trvalé pripojenie k Oracle z PHP </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/404579.html" target="_blank">Ako určiť port v PHP kód do MySQL </a></li><li><a href="http://www.pocitac.win/Programovanie/python-Programovanie/406180.html" target="_blank">Ako Vypočítajte Simpson pravidlo Použitie Python </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407753.html" target="_blank">Ako volať funkcie vo VBA </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399608.html" target="_blank">Čo je Microsoft WPF </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407817.html" target="_blank">SDLC fázy Visual Basic </a></li>
</ul>
</div>
<div class="d342sdfw42"></div>
<div class="huiyishazsad">
</div>
</div>
</div>
</div>
<div class="dibudasdwqe213">
<div class="daspoiepwqieq12">
<div class="dsarew2342a">
<ul>
<h3>Programovanie</h3>
<li><a class='childclass' href='http://www.pocitac.win/Programovanie/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/' target="_self">Počítač Programovacie jazyky</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/delphi-Programovanie/' target="_self">delphi Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/' target="_self">JavaScript Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/' target="_self">PHP /MySQL Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/perl-Programming/' target="_self">perl Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/python-Programovanie/' target="_self">python Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/ruby-Programming/' target="_self">ruby Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/' target="_self">Vizuálne Základy programovania</a></li>
</ul>
</div>
</div>
<div class=clink><a href='http://sk.365electric.com' target=_blank>Elektronických</a><a href='http://ip.sk.nrtool.com/' target=_blank>IP</a> <a href='http://sk.0685.com' target=_blank>Slovensko život</a> <a href='http://sk.98905.com' target=_blank>Dom a záhrada</a> <a href='http://www.765492.com' target=_blank>Elektronických</a></div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p>
</div>
</body>
</html>