[Tutorial JS] Obiecte de nivel 1

#1
Nume Tutorial: Obiecte de nivel 1
Descriere: Obiecte de nivel 1
Download:
Autor: Anonim
Sursa (Link-ul oficial):
tutorialeonline
Propria parere: Folositor.
Tutorialul:

În această lecţie sunt prezentate obiectele JavaScript de nivel 1: obiectul "navigator (browser)", obiectul "History" şi obiectul "Location"

1. Obiectul Navigator

Obiectul Navigator reprezintă programul, aplicaţia browser folosită pentru vizualizarea rezultatelor.
Cu acest obiect putem găsi informaţii despre denumirea şi versiunea browser-ului, precum şi alte informaţii care pot fi folosite în practică.
Obiectul Navigator are la rândul său două obiecte copil : "Plugin" şi "Mimetype".
Proprietăţi ale obiectului "navigator" sunt următoarele:
appCodeName - reprezintă numele de cod al browserului
appName - reprezintă numele oficial al browserului
appVersion - versiunea browserului
language - limbajul browserului
mimeTypes - face referire la un tablou de obiecte "Mimetype" care conţine toate tipurile MIME pe care le acceptă browserul
platform - un şir care reprezintă platforma pe care rulează browserul
plugins - face referire la un tablou de obiecte "Plugin" care conţine toate modulele plugin instalate pe browser
userAgent - şir care reprezintă antetul utilizator-agent

Metode ale obiectului "navigator" sunt următoarele:
javaEnabled() - funcţie care testează dacă browserul cunoaşte sau nu limbajul JAVA
plugins.refresh() - caută orice module plugin nou instalate
preference() - permite citirea şi stabilirea diverselor preferinţe ale utilizatorului în browser
taintEnabled() - testează dacă este activată contaminarea datelor

Următorul script afişează proprietăţile şi metodele navigatorului (browser-ului) folosit:

Cod: Selectaţi tot

 <body>
    <script type="text/javascript">
       document.write("Nume cod :".bold()+navigator.appCodeName+"<br>");
       document.write("Nume browser :".bold()+navigator.appName+"<br>");
       document.write("versiune :".bold()+navigator.appVersion+"<br>");
       document.write("limbaj :".bold()+navigator.language+"<br>");
       document.write("MIME Type :".bold()+navigator.mimeTypes+"<br>");
       document.write("Platforma :".bold()+navigator.platform+"<br>");
       document.write("Plugin-uri :".bold()+navigator.plugins+"<br>");
       document.write("Agent :".bold()+navigator.userAgent+"<br>");
       document.close();
    </script>
 </body>
În pagină acesta afişează următorul rezultat:

Cod: Selectaţi tot

Nume cod :Mozilla
Nume browser :Opera
versiune :9.64 (Windows NT 5.1; U; en)
limbaj :en
MIME Type :[object MimeTypes]
Platforma :Win32
Plugin-uri :[object PluginArray]
Agent :Opera/9.64 (Windows NT 5.1; U; en) Presto/2.1.1 
2. Obiectul History

Browserele au o caracteristică numită "History" care permite urmărirea locaţiilor pe care le-aţi vizitat. Acest obiect conţine un tablou (Array) cu paginile vizitate de client, în cadrul unei ferestre, un istoric al paginilor vizitate.
Obiectul History permite navigarea înapoi în lista istoric la paginile care au mai fost vizitate în cadrul aceleaşi ferestre.
Proprietăţile obiectului "history" sunt următoarele:
current - face referire la adresa URL curentă din lista istoric
length - întoarce numărul de intrări din lista istoric
next - face referire la următoarea adresă URL din lista istoric
previous - face referire la adresa URL anterioară din lista istoric

Metodele obiectului "history" sunt următoarele"
back() - încarcă ultima adresă URL din lista istoric
forward() - încarcă următoarea adresă URL din lista istoric
go(x) - încarcă o adresă URL, echivalentă cu un salt la numărul "x" (pozitiv sau negativ) din lista istoric

Dacă dorim întoarcerea înapoi cu 3 pagini în lista istoric, putem folosi o funcţie şi obiectul "History" ca în exemplul următor:

Cod: Selectaţi tot

 <script type="text/javascript">
 <!--
    function inapoi3 {
       window.history,go(-3);
    }
 //-->
 </script> 
Unde "înapoi3" este numele funcţiei şi (-3) reprezintă numărul de pagini la care se face saltul, pornind de la pagina curentă, negativ face saltul înapoi, iar dacă numărul dintre paranteze este pozitiv face saltul înainte în lista istoric.

3. Obiectul Location

Acest obiect conţine date despre originea unei pagini web, stochează informaţii despre o adresă URL pentru o fereastră specifică.
Proprietăţile obiectului "location" sunt următoarele:
hash - reprezintă un nume de ancoră în adresa URL, care începe cu caracterul diez (#)
host - reprezintă numele calculatorului gazdă şi numărul de port al adresei URL
hostname - reprezintă partea cu numele calculatorului gazdă din adresa URL
href - reprezintă adresa URL completă
pathname - reprezintă partea PATH_INFO a adresei URL
port - reprezintă partea de port a adresei URL
protocol - reprezintă partea de protocol a adresei URL
search - partea de căutare a adresei URL, inclusiv caracterul "?"

Metodele obiectului "location" sunt următoarele:
reload() - reîncarcă adresa URL curentă în fereastra de browser
replace() - încarcă noua pagină transferată în browserul curent

Dacă doriţi să regăsiţi porţiunea de protocol a adresei URL curente şi să o evaluaţi, puteţi folosi scriptul din următorul exemplu :

Cod: Selectaţi tot

<script type="text/javascript">
 <!--
    function evaluarePro() {
       protocolCurent=window.location.protocol;
       if (protocolCurent=="http:") {
          alert("Documentul provine de pe web");
       }
       else {
          if (protocolCurent=="file:") {    
             alert("Documentul provine de pe hard disc");
          }
          else {
             alert("Documentul provine din alta locatie");
          }
       }
    }
 //-->
 </script>
Pentru o mai bună învăţare, încercaţi să creaţi singuri şi alte exemple folosind şi alte proprietăţi şi metode ale obiectelor prezentate în lecţie.

Înapoi la “Tutoriale JS”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 2 vizitatori