Padėkite kurti svetainę ir pasidalykite straipsniu su draugais!
JQuery lango apibrėžimas
jQuery lango objektas yra atidarytas langas naršyklėje. Lango objektą automatiškai sukuria naršyklė. Tarkime, kad mūsų dokumentuose yra keli rėmeliai, tada naršyklė sukuria vieną lango objektą HTML dokumentui ir sukuria papildomus lango objektus kiekvienam rėmeliui. Lango objektas nėra jQuery ar JavaScript objektas, jis yra naršyklės objektas. Beveik visos naršyklės palaiko lango objektą, tačiau nėra viešojo standarto, kuris būtų taikomas lango objektui.
JQuery lango ypatybės
Lango objekto savybės yra:
- uždaryta - Ši savybė parodo, ar langas uždarytas, ar ne, ji grąžina Būlio reikšmę.
- console - Ši ypatybė grąžina konsolės objektą, kad būtų galima prisijungti prie naršyklės konsolės.
- defaultStatus - Ši ypatybė naudojama norint nustatyti arba gauti numatytąjį lango būsenos juostos tekstą.
- document - Ši savybė naudojama norint gauti lango dokumento objektą.
- frameElement - Ši nuosavybė naudojama norint gauti
- rėmai - Ši nuosavybė naudojama visoms
- history - Ši savybė naudojama lango istorijos objektui gauti.
- innerHeight - Ši savybė naudojama norint gauti lango turinio srities aukštį su slinkties juostomis.
- innerWidth - Ši savybė naudojama norint gauti lango turinio srities plotį su slinkties juostomis.
- ilgis - Ši nuosavybė naudojama norint gauti
- localStorage - Ši savybė leidžia žiniatinklio naršyklėje išsaugoti raktų/reikšmių poras be galiojimo datos.
- location - Ši savybė naudojama norint gauti lango vietos objektą.
- name - Ši ypatybė naudojama lango pavadinimui nustatyti arba gauti.
- navigatorius - Ši savybė naudojama lango naršymo objektui gauti.
- opener - Ši savybė naudojama norint gauti nuorodą į langą, kuris sukūrė langą.
- outerHeight - Ši ypatybė naudojama norint gauti naršyklės lango aukštį, įskaitant slinkties arba įrankių juostas.
- outerWidth - Ši ypatybė naudojama norint gauti naršyklės lango plotį, įskaitant slinkties arba įrankių juostas.
- pageXOffset - Ši savybė naudojama dabartinio dokumento slinkimui viršutiniame kairiajame lango kampe (horizontaliai) pikseliais.
- pageYOffset - Ši ypatybė naudojama dabartiniam dokumentui slinkti iš viršutinio kairiojo lango kampo (vertikaliai) taškais.
- parent - Ši ypatybė naudojama norint gauti dabartinio lango pirminį elementą.
- screen - Ši savybė naudojama norint gauti lango ekrano objektą.
- screenLeft - Ši savybė naudojama norint gauti horizontalias lango koordinates ekrano atžvilgiu.
- screenTop - Ši savybė naudojama norint gauti vertikalią lango koordinates ekrano atžvilgiu.
- screenX - Ši savybė naudojama norint gauti horizontalias lango koordinates ekrano atžvilgiu.
- screenY - Ši savybė naudojama norint gauti vertikalią lango koordinates ekrano atžvilgiu.
- sessionStorage - Ši savybė leidžia žiniatinklio naršyklėje saugoti vienos sesijos raktų/reikšmių porų duomenis.
- scrollX - Tai pageXOffset slapyvardis.
- scrollY - Tai pageYOffset slapyvardis.
- self - Ši savybė naudojama dabartiniam langui gauti.
- status - Ši ypatybė naudojama norint gauti arba nustatyti lango būsenos juostos tekstą.
- top - Ši nuosavybė naudojama norint gauti aukščiausią naršyklės langą.
JQuery lango metodai
- alert - Šis metodas naudojamas įspėjimo langeliui, kuriame yra tam tikras pranešimas ir mygtukas Gerai, rodyti.
- confirm - Šis metodas naudojamas dialogo langui, kuriame yra tam tikras pranešimas, OK ir atšaukimo mygtukas, parodyti.
- atob - Šis metodas naudojamas dekoduoti duomenų eilutę, kuri buvo užkoduota naudojant Base64 koduotę.
- btoa - Šis metodas naudojamas koduoti duomenų eilutę naudojant bazę-64.
- blur - Šis metodas naudojamas norint pašalinti fokusą iš esamo lango.
- fokusas - Šis metodas naudojamas fokusuoti esamame lange.
- clearInterval - Šis metodas naudojamas atšaukti laikmatį, kuris buvo nustatytas setInterval().
- clearTimeout - Šis metodas naudojamas atšaukti laikmatį, kuris buvo nustatytas setTimeout().
- atidaryti - Šis metodas naudojamas norint atidaryti naują naršyklės langą.
- uždaryti - Šis metodas naudojamas dabartiniam langui uždaryti.
- getComputedStyle - Šis metodas naudojamas dabartiniams elemento CSS stiliams pritaikyti.
- getSelection - Šis metodas naudojamas norint gauti atrankos objektą, kuris nurodo vartotojo pasirinktą tekstą kaip diapazoną.
- matchMedia - Šis metodas naudojamas norint gauti MediaQueryList objektą, kuris nurodo keletą metodų ir savybių, kurios dažniausiai naudojamos kaip atitikties savybė.
- moveBy - Šis metodas naudojamas langui perkelti atsižvelgiant į dabartinę padėtį
- moveTo - Šis metodas naudojamas langui perkelti į konkrečią padėtį
- spausdinti - Šis metodas naudojamas dabartinio lango turiniui spausdinti.
- prompt - Šis metodas naudojamas vartotojo įvesties raginimams pateikti.
- requestAnimationFrame - Šis metodas naudojamas norint paprašyti naršyklės atnaujinti animaciją ir iškviesti funkciją prieš kitą perdažymą.
- resizeTo - Šis metodas naudojamas norint pakeisti lango dydį iki nurodyto pločio ir aukščio.
- resizeBy - Šis metodas naudojamas norint pakeisti lango dydį iki nurodytų pikselių.
- scrollTo - Šis metodas naudojamas dokumento slinkimui iki nurodytų koordinačių. Tai yra nebenaudojamo slinkties() metodo pakeitimo metodas.
- scrollBy - Šis metodas naudojamas dokumente slinkti iki nurodyto pikselių skaičiaus.
- setTimeout - Šis metodas naudojamas įvertinti išraišką arba iškviesti funkciją po nurodyto skaičiaus milisekundėmis.
- setInterval - Šis metodas naudojamas norint įvertinti išraišką arba iškviesti funkciją arba tam tikru intervalu milisekundėmis.
- stop - Šis metodas naudojamas lango įkėlimui sustabdyti.
Pavyzdžiai
JQuery lango objekto, skirto naudoti ypatybes ir metodus, pavyzdys. Toliau rašome HTML kodą, kad aiškiau suprastume jQuery lango objektą, naudodamiesi šiuo pavyzdžiu, kuriame naudojame lango objekto ypatybes ir metodus, kaip nurodyta toliau -
Kodas:
JQuery lango ypatybių ir metodų pavyzdys
Tai yra jQuery lango objekto
pavyzdys
Išvestis:
Kai spustelėjame mygtuką „Skambinimo funkcija, kad sukurtume langą“, išvestis bus tokia:
Ir spustelėjus mygtuką „Skambinimo funkcija, kad uždarytumėte langą“, naujas sukurtas langas uždaromas.
Kitas, kai spustelėjame mygtuką „Skambinimo funkcija, norėdami patikrinti, ar langas atidaromas ar uždaromas“, išvestis yra -
Kitas, kai spustelėjame mygtuką „Skambinimo funkcija, kad gautumėte pirminį langą“, kuris atidaro naują langą ir rodomas kaip -
Aukščiau pateikta programa demonstruoja kai kurių lango savybių ir metodų naudojimą. Kaip ir aukščiau kode, jame naudojamos dokumento ir atidarytuvo ypatybės bei open(), close() funkcijos.
Išvada
JQuery lango objektas yra naršyklės objektas, kurį naršyklė sukuria automatiškai.
Rekomenduojami straipsniai
Tai yra „jQuery“ lango vadovas. Čia aptariame aprašą, savybes, metodus, pavyzdžius su kodo įgyvendinimu. Taip pat galite peržiūrėti šiuos straipsnius, kad sužinotumėte daugiau -
- jUžklausos pažadas
- jQuery zindex
- jUžklausa, kai
- jUžklausa išjungta