Javascript példák
Hogyan cserélheti ki a kiválasztott szöveget a TEXTAREA-ban egy másikkal?
Mivel lehet, hogy "furcsa" :-), de a végrehajtási ágak, mert az IE és a Mozilla / Gecko szelekcióival kapcsolatos különböző módszerek:
Az Internet Explorerben használja a kijelölési objektumot, amely az aktuális kijelölést és a createRange metódust jelenti, amely létrehozza a TextRange objektumot az aktuális kijelölésből. A kapott TextRange objektum szöveges tulajdonsággal rendelkezik (olvasás és írás), amely megadja nekünk a kiválasztott szöveget. Ie olvassa el a TextRange.text szöveget, elvégezte a változtatásokat és írta vissza.
Az alábbi példában olvassa el az igazi felhasználást.
Nos, itt a helyzet kissé másnak tűnik: a cél elérése érdekében a textarea objektum kiválasztási és kiválasztási tulajdonságait használjuk, amely tartalmazza a kiválasztás kezdő és véghelyzetét. A szövegnek és a cserének kezdetének és végének ismeretében könnyen kicserélhetjük a kiválasztott töredéket egy másikba, például a "substr ()" módszerrel.
Az argumentum szöveg átkerül a textarea objektumra és a segédfüggvény nevére, amely argumentumként veszi figyelembe a kiválasztott szöveget, és egy új szöveget ad vissza, amely a kiválasztott szöveget helyettesíti. A szöveg cseréje után a kurzor a kiválasztás végén helyezkedik el.
Hogyan tudom áthelyezni (beállítani) a szöveges kurzort a szöveges mező beviteli mezőjének vagy bemenetének elejére vagy végére?
Az Internet Explorer lehetővé teszi számunkra, hogy ezt a következő módszerekkel hajtsuk végre.
createTextRange () - ez a módszer létrehoz egy TextRange (szövegtartomány) típusú objektumot, és lehetővé teszi a szöveg manipulálását. Az üres szövegtartomány egy kurzor - beillesztési pont.
összeomlása () - ez a módszer TextRange tárgy szűkíti a szöveget tartomány 0 (kiderül, hogy egy egér (a beszúrási pont)), és beállítja a beszúrási pontot, vagy a felső tartományban (összeomlás (igaz) vagy összeomlása (), mert az alapértelmezett érték a true) vagy a végére (összeomlás (hamis)).
select () - a TextRange objektum méze, amelyet a tartományban lévő szöveg vizuális kiemelésére használnak. Üres tartomány esetén egyszerűen beállítja a szöveg kurzort.
mint érv, a bemeneti elem tárgya átadódik az f-jamnek, például: moveCaretToStart (document.formName.textareaName)
setSelectionRange (start, end) - ez a módszer létrehoz egy szövegválasztást abban az esetben, ha a kezdő és a vég egybeesik, állítsa a kurzort a kívánt pozícióra
A kiválasztott szöveg kicserélése után a kiválasztás megszűnik. Hogyan érhető el a kiválasztás?
Ehhez a szöveg kicserélése után válassza újra a szöveget a setSelectionRange (start, end) módszerrel.
Hogyan kapjuk meg a szöveges kurzor pozícióját a textarea elemben (textarea - cursor position)?
Egy textarea objektum argumentumként kerül átadásra.
Például: getCaretPos (document.formName.textareaName);
Hogyan szerezzük be a sorok számát egy textarea elemben?
Figyeld meg, hogy a sorok számítanak:
- ha a szövegmező üres, akkor a függvény 0 értéket ad (bár a kurzor az első sorban villog), mert a sorok valójában nincsenek;
- ha megnyomja az "Enter" billentyűt, és a kurzor egy új vonalra költözött, akkor ez nem jelenti azt, hogy új sor jelenik meg. Ekkor írsz be valamit ezen a vonalon, a vonal valóban megjelenik, és számolni fog a számláláskor.
Magyarázat: Az ügyfélHeight visszaadja a textarea elem magasságát anélkül, hogy figyelembe veszi az összes behúzást, határt, görgetősávot;
boundingHeight visszaadja a TextRange objektum által elfoglalt képi tér méretének képpontméretét (ebben az esetben ez az objektum tartalmazza az összes szöveget és ennek megfelelően visszaadja a textarea elemben lévő szöveg által elfoglalt magasságot).
A szövegválasztás megakadályozása
Nos, ha akarod, a teljes hosszra korlátozásokat is megadhatsz. A felhasználónév legfeljebb 64 karakterből állhat, és a domain név, amely legfeljebb 255 karakter (RFC 2821), és ahelyett, hogy egy-Z0-9_ adja a megfelelője a karakter osztály \ w (hogy nem tettem céljára egyértelműség).
Adja meg az e-mailt az ellenőrzéshez:
Az univerzális átirányítás késleltetése érdekében írja be a következő kódot a HTML dokumentum HEAD részébe:
Hogyan lehet egy decimális számot hexadecimális ábrázolásban megjeleníteni (egy decimális számot hexadecimális számra konvertálni)?
Példa: Gyakran megtalálható és leírható az a lehetőség, amelyet nem kell használni, mert nem kell újra feltalálni a kereket! Helyes a toString (radix) metódus, a Number objektum használata, ahol a radix meghatározza a konverzióhoz használt szám (2-től 36-ig) számát. Ha a radix paraméter nincs megadva, az alapértelmezett érték 10.
Például, az RGB (255,255,255) vagy rgb (100%, 100%, 100%) a FFFFFF-ben. Ugyanakkor a függvény teljes egészében kiterjeszti a rövidített hexadecimális színrekordot, például a #FAE-t a FFAAEE-ben. A hex színértéket visszaadja # nélkül.
Hogyan lehet különválasztani a piros (piros), a zöld (zöld), a kék (kék) színek értékeit az RGB színértékektől? splitRGB, HEX2RGB
Például, a színe a Lime (# 00FF00, RGB (0,255,0) vagy RGB (0%, 100%, 0%)), így egy sor három elem (0,128,0), ahol a nulla elemet a tömb megfelel a vörös, első zöld, és a a második kék.
Hogyan kaphatjuk meg a név #HEX értékét?
A teljes pszeudo-véletlen szám 0-tól n-ig terjedő beviteléhez a következő képletet alkalmazzuk:
Az egész pszeudo-véletlen szám létrehozása m-től n-ig terjedő tartományban a következő képletet használjuk:
ahol m a tartomány alsó határa, és n a tartomány felső határa.
Az alábbiakban véletlenszerű számok generálásának funkciója m-től n-ig:
Hogyan lehet keverni egy tömb véletlenszerűen?
Hogyan tudom áthelyezni a szöveget egy másik sorra a figyelmeztető ablakban?
Nagyon egyszerű, használja a sortörés karaktert \ n.
Figyelem! Egy html fájlban a figyelmeztető szövegen belüli szövegnek egy kötőjelnek kell lennie kötőjelek nélkül, mivel más esetben a "Hiba: megszakítatlan karakterlánc" hiba előfordulhat néhány böngészőben.
Hogyan törölhetek egy tömbelemet? / Hogyan lehet elemet hozzáadni a tömb közepéhez?
Ha egy elemet egy asszociatív tömbből kíván törölni, használja a törlési operátort
A törlés operátor a Nav2 +, a NES3 +, az IE 4+, az Opera3 + használatával támogatott
Megjegyzés: a törlés operátor hossz tulajdonsága nem változik, de az asszociatív tömbök nem számítanak, mert a hossza mindig 0 számukra, de a numerikus tömbök számára ez rendkívül fontos, és emlékezz erre! Miért nem változik a hossz tulajdonság? Mivel a Array.hength nem a tömb hossza, hanem a tömb maximális indexe, amely csak a tömbben volt, bár a hossza gyakran a tömb hossza. By the way, a hossz tulajdonsága lehet hozzárendelni értékeket, így csonkolás a tömb, vagy bővíti a tömb az új elemek az érték "undefined".
Az elemek numerikus tömbökből való eltávolításához vagy az indexek és hosszúságok tulajdonságainak beillesztéséhez használja az Array objektum összekötési módját.
Szintaxis: array.splice (indítás, törlés, arg3 .argN)
start - az a szám, amely meghatározza azt az indexet, ahonnan az elemeket el kell távolítani és / vagy új elemeket kell beilleszteni
törlés - opcionális paraméter, amely a törölni kívánt elemek számát jelzi, indulásindexet indítva
arg3. argN - opcionális paraméterek, amelyeket új elemekként fognak beilleszteni a tömbbe index indítással kezdődően
Ha a "törlés" egy nulla-nál nagyobb szám, akkor a kezdeti indexből induló elemek elindulnak a törölni kívánt indító indexből. Ha a törlés nulla, akkor semmi sem törlődik. Ha a törlés nincs megadva, akkor az összes elem a "start" indexből a tömb végéig törlődik. Ha a törlési argumentumhoz bármilyen argumentum van megadva, akkor a tömbhöz a "start" indexből kiindulva kerülnek hozzáadásra. A meglévő elemeket új indexekbe helyező magasabb indexek irányába újraszámozzák.
A Array objektum összekötési módja támogatott a Nav4 +, az IE5.5 +, az Opera5 + használatával
Megjegyzés: ne feledje, hogy a tömbök első elemének indexe 0-val kezdődik.
Hogyan tudom megtudni, hogy az objektum milyen tulajdonságokkal rendelkezik (ha van)?
Hogyan ismerhetem meg egy objektum összes tulajdonságát? Ezt a kezelő segíti
Az operátor lényege a következő: a ciklus minden egyes iterációjával a "változó" változót az objektum következő tulajdonságának neve adja.
Tekintsünk egy olyan függvényt, amely az objektum tulajdonságain keresztül iterál, és az értékeket stringként adja vissza:
Hogyan ellenőrizheted, hogy a kép betöltésre került-e a böngészőben (a képek letöltése)?
Ehhez használhatja a kép "onLoad" eseményét, ha a kép betöltődik, akkor az említett esemény végrehajtásra kerül, ha nem, akkor nem.
Ie Ha ellenőrizni szeretné, hogy a böngészőben megjelenített képek megjelenítésre kerülnek-e, a következőket teheti az oldalon:
És most a kenőcsben lévő légy: az Opera végrehajtja az onLoad () eseményt akkor is, ha a kép nem jelenik meg, hanem a cache-ben van, azaz korábban betöltötték és tárolták a gyorsítótárban. Remélem, ez ideiglenes viselkedés :-(
Ha a jQuery könyvtárat használja, akkor a trim funkciót már definiáltuk benne: $ .trim ().
A karaktert kódjával a String objektum byCharCode módszerével kaphatja meg.
Például: var c = String.fromCharCode (84);
Hogyan hivatkozhat egy olyan űrlapelemre, amelynek nevében négyzetek vannak "[]"?
Hogyan jelölhet ki / jelölhet ki / jelölhet ki minden jelölőnégyzetet a csoportban?
Az első dolog, chechbox minden eleme a csoport adja ugyanazt a nevet (attribútum neve input tag). Ha be adatokat script PHP, célszerű, hogy a nevét, a form name = „cboxdata []” zárójelek vkontse nevek script PHP adatok álltak rendelkezésre a tömb cboxdata. Most, hogy jelölje meg, vagy távolítsa el az összes védjegy a négyzeteket a hívni kívánt checkAll funkció (oForm, cbName, jelölve), ahol oForm - alakú tárgy, cbName - string ienem elemek négyzetet a csoportban, és ellenőrizte vagy igaz, vagy hamis, attól függően, mire van szüksége , jelölje meg vagy távolítsa el a jeleket.
Hogyan válasszuk ki az összes értéket a táblázatban a cellákban (hogyan keressük át a táblázatot a cellák között)?
Feladat: létezik egy táblázat az id = "idWalkTable" attribútummal, és meg kell szüntetnie az összes sort, és benne minden cellát, és fel kell tüntetnie a tartalmát.
A táblázat megkerülése getElementById - Az elemet a megadott azonosítóval adja vissza.
getElementsByTagName - Visszaküldi az összes olyan elem gyűjteményét, amely rendelkezik ezzel a címkével.
Hogyan lehet megtanulni / megváltoztatni egy elem osztály attribútumát (tulajdonság className)?
például: . , azt mutatja, hogy a span elem két osztályba tartozik (bigText és greenText).
Tekintettel a fentiekre, lehetetlen, hogy egyszerű feladat, mint: elem.className = „greenText”, hogy ne írja felül további lehetséges értékek, és kell az új értéket adunk a meglévő űrben (bár, ha biztos benne, hogy className ingatlan üres, akkor természetesen egyszerű hozzárendelést használhat).
Az osztály jelenlétének és törlésének ellenőrzéséhez használja a szabályos kifejezést: / \ bgreenText \ b /. ahol \ b egy speciális konstrukció (metakarakter), amely a szóhatárt jelöli, vagyis a szabályos kifejezés a zöld sztringet keresi. ami az igazi szó, és nem része egy másik szónak (egy szó olyan szeglet nélküli vonalat jelent, amely nem tartalmaz mezőket, szóközöket, központozási jeleket stb.). A metacharacter \ b használata csak helyes, de van egy BUT, de nem minden böngésző megérti (például Opera 6 és lent). Ezért, ha szükség van a támogatás „görbe”, és a régebbi böngészők, akkor cserélje ki a reguláris kifejezés „/ \ bimya osztály \ b /”, egy kevésbé elegáns „/ (^ |) osztály nevét ($ |) /”.
* IE4 +, Gecko, Opera7 +. értsd \ b a várt módon.
Ehhez az ablakobjektum onerror eseményét használjuk.
vagy hozzárendelhet egy olyan függvényt, amely kezeli ezt az eseményt, hogy a hibaüzenet elnyomására igaznak térjen vissza
Hiba esetén az eseménykezelőt hívják, és a következő paraméterek kerülnek átadásra: üzenet szövege, URL, sorszám hibával. Használatukhoz argumentumként használjuk a kezelő funkció leírásához: function myErrHandler (msg, url, lno).
Ne feledje, hogy mindaz, ami a hibahelyi kód után található szkriptben található, nem fog végrehajtódni!
Honnan tudom, hogy mennyi a dokumentum görgetése (scrollLeft, scrollTop)? Miért van a scrollLeft, scrollTop mindig nulla? Hogyan gördíthetek egy dokumentumablak tartalmát?
Kideríteni, hogy mennyi az objektum végiggörgetett balra, vagy lépjünk át rajta egy bizonyos velechiny használhatja a tulajdonságok és scrollTop scrollLeft objektumot.
Megjegyzés: a Netscape (4-6), az Opera 5 régebbi böngészők esetében az oldalXOffset tulajdonságait, pageYOffset