Curs Javascript

Functia prezentata in aceasta paagina (urlData() ) extrage numele de domeniu si alte date din adresa URL: Protocol, Calea Paginii, Nume-fisier, partea de cautare (dupa '?'), port, si hash (dupa '#').
Functia primeste un sir cu adresa URL si returneaza un obiect cu aceste date.
- Se foloseste o tehnica simpla: adresa URL e mai intai adaugata in atributul "href" dintr-un element <a> creat cu createElement(), apoi se aplica proprietatile obiectului "href" la adresa URL preluata din atributul "href".

Codul functiei:
// Etrage date din adresa URL. De la: https://marplo.net/javascript/
// Returneaza un obiect cu parti din adresa URL:
// protocol, nume domeniu (fara 'www'), port, cale paagina, nume fisier, partea de cautare si hash
function urlData(url) {
  // obiect pt datele ce vor fi returnate
  var redata = {protocol: '', domain: '', port: 80, path: '', file: '', search: '', hash: ''};

  // creaza un element link si adauga adresa url in atributul "href"
  var a_elm  = document.createElement('a');
  a_elm.href = url;

  // adauga datele din URL in obiectul redata, si-l returneaza
  redata.protocol = a_elm.protocol.replace(':', '');
  redata.domain = a_elm.hostname.replace('www.', '');
  if(a_elm.port != '') redata.port = a_elm.port;
  redata.path = a_elm.pathname;
  if(a_elm.pathname.match(/[^\/]+[\.][a-z0-9]+$/i) != null) redata.file = a_elm.pathname.match(/[^\/]+[\.][a-z0-9]+$/i);
  redata.search = a_elm.search.replace('?', '');
  redata.hash = a_elm.hash.replace('#', '');
  return redata;
}
Exemplu:
<div id="urld">Aici sunt afisate datele din URL.</div>
<script type="text/javascript">
// Etrage date din adresa URL. De la: https://marplo.net/javascript/
// Returneaza un obiect cu parti din adresa URL:
// protocol, nume domeniu (fara 'www'), port, cale paagina, nume fisier, partea de cautare si hash
function urlData(url) {
  // obiect pt datele ce vor fi returnate
  var redata = {protocol: '', domain: '', port: 80, path: '', file: '', search: '', hash: ''};

  // creaza un element link si adauga adresa url in atributul "href"
  var a_elm  = document.createElement('a');
  a_elm.href = url;

  // adauga datele din URL in obiectul redata, si-l returneaza
  redata.protocol = a_elm.protocol.replace(':', '');
  redata.domain = a_elm.hostname.replace('www.', '');
  if(a_elm.port != '') redata.port = a_elm.port;
  redata.path = a_elm.pathname;
  if(a_elm.pathname.match(/[^\/]+[\.][a-z0-9]+$/i) != null) redata.file = a_elm.pathname.match(/[^\/]+[\.][a-z0-9]+$/i);
  redata.search = a_elm.search.replace('?', '');
  redata.hash = a_elm.hash.replace('#', '');
  return redata;
}

// Test
var url = 'https://marplo.net:80/javascript/index.php?pg=tutorial&id=89#hash_part';
var urlOb = urlData(url);

// arata datele din URL in #urld
document.getElementById('urld').innerHTML = 'protocol: = '+ urlOb.protocol +'<br/>domain = '+ urlOb.domain +'<br/>port = '+ urlOb.port +'<br/>path = '+ urlOb.path +'<br/>file = '+ urlOb.file +'<br/>search = '+ urlOb.search +'<br/>hash = '+ urlOb.hash;
</script>
Rezultat:
protocol: = http
domain = marplo.net
port = 80
path = /javascript/index.php
file = index.php
search = pg=tutorial&id=89
hash = hash_part

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care atribut face ca optiunea din <select> sa fie selectata?
checked="checked" selected="selected" disabled="disabled"
<select name="a_name">
 <option value="val1">Optiune 1</option>
 <option value="val2" selected="selected">Optiune 2</option>
</select>
Care din aceste valori CSS creaza culoare gradient pentru fundal?
contain repeat-x linear-gradient
#id {
  background: linear-gradient(top left, #1f1, #fff, #11f);
}
Care cod creaza un array in JavaScript?
[] {} new Object()
var arr = [1, "CoursesWeb.net", "MarPlo.net"];
alert(arr[2]);
Indicati functia PHP folosita pentru redirect la alta pagina.
function() header() switch()
header("Location: http://coursesweb.net/");
exit;
Indicati articolul corect la cuvantul "garden" in propozitia: "... garden is a place with flowers".
An The A
The garden is a place with flowers.
- Gradina este un loc cu flori.
Indicati articolul corect pentru cuvantul: "jardín" (gradina)
la los el
El jardín es un lugar de flores.
- Gradina e un loc cu flori.
Extrage nume domeniu si alte date din adresa URL

Last accessed pages

  1. Viitor perfect si Viitorul perfect continuu - Future perfect and Continuous (21572)
  2. Teste spaniola - Tests y ejercicios de Español - Gramática (29588)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (70922)
  4. Conjunctii (2285)
  5. Zilele saptamanii, Lunile si Anotimpuri - Exercitii incepatori (10753)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (18)
  2. Gramatica limbii spaniole. Indrumator si prezentare generala (17)
  3. Accentul si Pronuntia (14)
  4. Gramatica limbii engleze - Prezentare Generala (13)
  5. Proverbe, expresii si zicatori (10)