URL özellikleri

URL.pathname, hostname, port özelliklerini öğrenirsin.

pathname, hostname, port

Bir URL nesnesinin adres bileşenlerine özelliklerle erişirsin. pathname yol kısmını, hostname sunucu adını, port bağlantı noktasını verir.

Örnek: new URL("https://example.com:8080/path/to/page") için pathname "/path/to/page", hostname "example.com", port "8080" olur. port boşsa standart bağlantı noktası kullanılır (https için 443, http için 80); bu durumda url.port boş dize verir. hostname sadece adı verir; host ise ad+port birleşimini verir ("example.com:8080"). Yönlendirme (routing) işlerinde pathname en sık kullanılan özelliktir; Express gibi çerçeveler bunu otomatik ayrıştırır.

protocol, hash, origin

Diğer özellikler: protocol protokolü ("https:"), hash çapa kısmını ("#bolum"), origin protokol+sunucu+port birleşimini verir.

Örnek: new URL("https://example.com:8080/path?q=1#bolum") için protocol "https:", hash "#bolum", origin "https://example.com:8080" olur. protocol sonunda iki nokta üst üste olur; karşılaştırma yaparken buna dikkat et. hash yalnızca tarayıcıda sayfa içi konum için kullanılır; sunucu bu kısmı görmez. origin CORS (çapraz kaynak) denetimlerinde kritiktir; iki URL'nin aynı kaynaktan gelip gelmediğini karşılaştırır. Bu dersin ödevinde pathname, hostname ve port'u ayrı ayrı yazdıracağız.

Uygulama URL bileşenlerini ayrı yazdır

const url = new URL("https://example.com:8080/path/to/page?q=1"); ile URL yarat. console.log(url.pathname), console.log(url.hostname) ve console.log(url.port) ile üç bileşeni ayrı satırlarda yazdır.

Örnek çözümü göster

const url = new URL("https://example.com:8080/path/to/page?q=1");
console.log(url.pathname);
console.log(url.hostname);
console.log(url.port);

Kendini test et

Özelliği değerine eşle

pathname

/path/to/page
hostname

example.com
port

8080
host

example.com:8080
new URL("https://example.com:8080/x").port ne verir?
```
new URL("https://example.com:8080/x").port
```
- "443"
- "80"
- ""
- "8080"
Cevabı göster

"8080" — 8080 açıkça belirtilmiştir; port özelliği onu verir.

pathname erişimini tamamla

const yol = url.____;

Cevabı göster

const yol = url.pathname;

Sıradaki ders: URL.resolve

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler