Súradnice obrazovky z elementu sú špecifikované vo svojom vyhlásení štýle a uložené v prehliadači v rámci Document Object Model ( DOM ) na zobrazenej stránke HTML . Každý prvok v DOM je daná identifikačný reťazec ( id ) . Kód JavaScript môžete pristupovať konkrétny prvok tejto identity reťazca ako referenčné a môžu získať konkrétne hodnoty pre " vľavo " a " top " súradníc prvkov v okne prehliadača . Veci , ktoré budete potrebovať klipart textový editor klipart webového prehliadača
Zobraziť ďalšie inštrukcie Cestuj 1
Otvorte nový súbor v textovom editore a uložte ho ako " coordinates.HTML . " Napíšte alebo skopírujte tento HTML dokument kód deklarácie v súbore :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
2
Napíšte alebo skopírujte tento HTML
kód do súboru : .
Element Súradnice < /title > <br> <p> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> sťahovanie <p> < typ style = " text /css " > <br> <p> # box <br> <p> { <br> <p> position : absolute ; <br> <p> z - index : 1 ; <br> <p> viditeľnosť : viditeľná ; <br> <p> šírka : 10.0 ; <br> <p> výška : 5.0em ; <br> <p> top : 1.0E ; <br> <p> vľavo : 1.0E ; <br> <p> hranice : 2px solid # ccc ; <br> <p> - moz - border - radius : 0.5em ; <br> <p> - webkit - border - radius : 0.5em ; <br> <p> Text - align : center ; <br> <p> padding : 1.0E ; <br> <p> } <br> <p> p { <br> <p> font -size : 1.2em ; <br> <p> font - weight : 900 ; <br> <p> color : # 000000 ; <br> <p> } <br> <p> < /style > <br> <p> <script type="text/javascript"> <br> <p> var x ; <br> <p> var y ; <br> <p> funkcie getCoordinates ( ) <br> <p> { <br> <p> x = Math.floor ( Math.random ( ) * 40 ) ; <br> <p> y = Math.floor ( Math.random ( ) * 30 ) ; . <br> <p> document.getElementById ( " box " ) style.left = x + " em " ; <br> <p> document.getElementById ( " box " ) style.top = y + " em " .. <br> <p> x = document.getElementById ( " box " ) style.left ; <br> <p> y = document.getElementById ( " box " ) style.top ; . <br> <p> alert ( " left = " + x ) ; <br> <p> alert ( " top = " + y ) ; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> 3 <p> Napíšte alebo skopírujte tento HTML <body> kód do súboru : <br> <p> <body> <br> <p> <div id="box" onmouseover="getCoordinates()"> <br> <p> <p> <br> <p> Dotkni sa ma ! <br> <p> < /p > <p> < /div > <br> <p> < /body > <br> <p> < /html > ; <br> 4 <p> Uložte súbor a otvorte ho vo webovom prehliadači . Kliknite na prvok a bude presunúť na novú pozíciu v rámci okna prehliadača a zobrazenie " vľavo " a " top " hodnôt súradníc . <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/403280.html' >Ako zmeniť PHP a JS </a></li>
<li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403282.html' >Ako otočiť text 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/403597.html" target="_blank">Návod, ako Pull - down menu v Java Script </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403154.html" target="_blank">Ako dať západky na ľavej strane s ExtJS </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403118.html" target="_blank">JavaScript Vs . VBScript </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403179.html" target="_blank">Ako používať Resig MicroTemplate </a></li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403260.html" target="_blank">Ako používať JavaScript vytvorí niekoľko Prime Factor </a></li>
</ul>
<ul class="xinlimianshuosd2">
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403257.html" target="_blank">Ako skontrolovať , či DIV Got zaostrenie v Javascriptu </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403396.html" target="_blank">Ako pridať reťazcov v Javascriptu </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403202.html" target="_blank">Späť Funkcia v HTML kódovanie </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403589.html" target="_blank">Ako Skrytie adresného riadku JavaScript </a> </li>
<li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403512.html" target="_blank">Ako sa učiť Java Script </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/403281.html" target="_blank" class="ewq32ada131">Ako určiť súradnice prvku v jazyku JavaScript ? </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403281.html" target="_blank">Súradnice obrazovky z elementu sú špecifikované vo svojom vyhlásení štýle a uložené v prehliadači v rámci Document Object Model ( DOM ) na zobrazenej stránke HTML . Každý prvok v DOM je daná identifikačný reťazec ( id ) . Kód JavaScript môžete pristupovať konkrétny prvok tejto identity reťazca ako referenčné a môžu získať konkrétne hodnoty pre vľavo a top súradníc prvkov v okne prehliadača . Veci , ktoré budete potrebovať klipart textový editor klipart webového prehliadača Zobraziť ďalšie i</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403335.html" target="_blank" class="ewq32ada131">Ako vložiť prvky s DIV vo JavaScript </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403335.html" target="_blank">JavaScript dáva programátorom nástroje na úpravu neviditeľnú rámec webové stránky známe ako Document Object Model ( DOM ) . DOM je programovací rozhranie aplikácie HyperText Markup Language ( HTML ) . Metóda JavaScript getElementById ( ) možno získať prístup k stránku divízie tag div pridať alebo upraviť informácie o HTML styling ako pozadie , písma , okraje , šírky a polohy . Navyše vlastnosť innerHTML môže zmeniť obsah medzi tagy. HTML tagy musia byť označené s ID , než metóda getElementBy</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403451.html" target="_blank" class="ewq32ada131">Vývoj API Google Maps </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403451.html" target="_blank">Mapy Google má mnoho rozhrania API ( Application Programming Interface ) , ktoré umožňujú , aby mohli byť vložené do webových stránok a aplikácií využívajúcich JavaScript , Flash a celý rad ďalších technológií a zároveň umožňuje užívateľom prekryť svoje vlastné údaje na vrchole týchto máp . JavaScript API API JavaScript umožňuje zakotvenie v Mapách Google na webových stránkach , ako aj na mobilných zariadeniach . Verzia 3 API zamestnáva pretiahnuť smermi a vlastné panorámy pre mapy . Flash AP</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403150.html" target="_blank" class="ewq32ada131">Ako použiť kód DBL </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403150.html" target="_blank">DBL je osobitný kontrolný trieda pre všetky nakladače ActionScript 3 aplikácií , vrátane FlashPlayer a AIR . S DBL , môžete načítať a ovládať všetky typy súborov , odoslanie požiadavke HTTP a dostanete späť bez instantiate čokoľvek . Pomocou tohto ovládacieho prvku , ste bez starostlivosti o EventListener alebo odstráni alebo odstraňuje . DBL ovláda cache , používanú pamäť a oveľa viac optimalizovať svoje aplikácie . Môžete použiť tento ovládací prvok s ActionScript 3 jazykom . Jeho verejné metó</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403255.html" target="_blank" class="ewq32ada131">Ako Ping v Javascriptu </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403255.html" target="_blank">Existuje mnoho dôvodov , prečo by ste mohli chcieť ping externej domény zo skriptu do webovej stránky . Môžete byť prenosu premenných na serveri a chceme , aby sa zabezpečilo , že je citlivý , ako tak urobí . Môžete byť prístup k súboru , ktorý sa odráža v mnohých rôznych externých stránkach a chcete , aby sa automaticky pokúsi o prístup k ďalším prípade , že prvá z nich je dole . Či tak alebo onak , môžete pomocou príkazu ping externej domény v JavaScripte , ak máte adresu obrázku , ktorý je um</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403586.html" target="_blank" class="ewq32ada131">Ako sa zobrazí chybové hlásenie Stop Null null alebo nie je objekt </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403586.html" target="_blank">chybové hlásenie Null je null alebo nie je objekt zvyčajne sa odkazuje na JavaScript , alebo iné kódovanie chyby . Chyba sa hovorí , že položka sa to na mysli , je null , alebo nie je správne inicializovaný . Pokyny 1 Skontrolujte každý riadok kódu . Null je null alebo nie je objekt sa zvyčajne vychádza zo zlej kódovanie . Skontrolujte , či máte všetky správne začiatok a koniec zátvorky , a všetky tie ďalšie veci , ktoré by mohli pokaziť pri písaní kódu . 2 Skontrolujte , či máte najno</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403603.html" target="_blank" class="ewq32ada131">Ako používať bežiaci text v Javascriptu </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403603.html" target="_blank">rolovanie textu pomocou JavaScriptu kódovanie sa používa na posúvanie texte zvisle alebo vodorovne cez časť div webové stránky . Je to spôsob , ako prilákať čitateľa na určitom mieste na stránke . Používajte rolovacie striedmo , však, pretože to môže vytvoriť stránku , ktorá je príliš honosné a ťažko čitateľné . Použitie rolovanie texte trvá len niekoľko riadkov kódu vložené do funkcie , ktorá sa nazýva v pageLoad udalosti v HTML . Pokyny dovolená 1 Vložte div do svojej webovej stránky . Div </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403552.html" target="_blank" class="ewq32ada131">Ako nastaviť pozadie animácie na webovej stránke </a>
<p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403552.html" target="_blank">Webové stránky majú rad rôznych funkcií , ktoré je možné prispôsobiť . Jednou z najdôležitejších častí webovej stránky vizuálne je pozadie , ktoré stanovuje celý tón a atmosféru na webové stránky . Pozadie môže byť jednofarebné , design , fotografie a dokonca aj animované . Animované pozadia sú vždy zábavné , ale nemali by byť tak zaneprázdnený , aby ich rušiť . Veci , ktoré budete potrebovať webovom prehliadači web editor ( voliteľné ) Notepad Zobraziť ďalšie inštrukcie Cestuj 1 Hľadať ani</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/Počítač-Programovacie-jazyky/398703.html" target="_blank">Ako zvýšiť " Execute " Parse percent v Oracle </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399044.html" target="_blank">Ako vložiť jpg do okna dát </a></li><li><a href="http://www.pocitac.win/Programovanie/perl-Programming/405649.html" target="_blank">Ako používať premenné v jazyku Perl regulárne výrazy </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/405302.html" target="_blank">Joomla MySQL Tutoriál </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/398971.html" target="_blank">Čo je riedke pole v MATLAB ? </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/403790.html" target="_blank">Typy PHP SPL </a></li><li><a href="http://www.pocitac.win/Programovanie/C--C-----Programming/397667.html" target="_blank">Ako obmedziť desatinné miesto v jazyku C </a></li><li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403216.html" target="_blank">5 Použitie JavaScript </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> </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>