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
Ce tip de <input> creaza o paleta de culori pentru selectare culoare?
type="text" type="color" type="date"
<input type="color" name="get_color" />
Care metoda CSS roteste elementul HTML la un anumit numar de grade?
scale() translate() rotate()
#some_id:hover {
  transform: rotate(60deg);
  -ms-transform: rotate(60deg);    /* IE 9 */
  -moz-transform: rotate(60deg);   /* Firefox */
}
Click pe functia care returneaza numarul cel mai mare.
pow() min() max()
var maxn = Math.max(8, 4, 88, 56);
alert(maxn);      // 88
Ce functie previne ca un fisier sa fie inclus mai mult de o data intr-o pagina?
include() include_once() require()
include_once("un_fisier.php");
Care este traducerea corecta pentru: "Ahead of time"?
Peste timp La timp Inainte de vreme
Most people arrived ahead of time.
- Cei mai multi oameni au sosit inainte de vreme (prea devreme).
Indicati traducerea corecta a cuvantului "buenĂ­simo"
mai bun mai putin bun extrem de bun
Este fruto es buenĂ­simo.
- Acest fruct este extrem /nemaipomenit de bun.
Extrage nume domeniu si alte date din adresa URL

Last accessed pages

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (100266)
  2. Pronumele ca obiect al prepozitiei (627)
  3. Configurari pentru culori si fundal (1667)
  4. Trecut perfect si Trecutul perfect continuu - Past perfect and Continuous (32029)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (31916)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2282)
  2. Curs HTML gratuit Tutoriale HTML5 (1837)
  3. Curs si Tutoriale JavaScript (1723)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1644)
  5. Curs CSS Online Tutoriale CSS3 (1553)