JavaScriptÔÇÖle ge├žerli URLÔÇÖyi al?


Al─▒nan cevaba git


Tek istedi─čim web sitesi URLÔÇÖsini almak. Bir linkten al─▒nan URL de─čil. Sayfa y├╝klenirken, web sitesinin tam, g├╝ncel URL'sini al─▒p istedi─čim gibi yapabilece─čim bir de─či┼čken olarak ayarlamam gerekiyor.


2856





2009-06-23




Cevap say─▒s─▒n─▒ say: 21






kullan─▒n:

 window.location.href 
 

Yorumlarda belirtildi─či gibi, a┼ča─č─▒daki sat─▒r ├žal─▒┼č─▒yor, ancak Firefox i├žin t─▒kal─▒.

 document.URL;
 

Salt okunur olarak DOMString t├╝r├╝n├╝n URL'sine bak─▒n .


3520







URL Bilgi Eri┼čimi

JavaScript, taray─▒c─▒n─▒n adres ├žubu─čunda g├Âr├╝nt├╝lenen ge├žerli URLÔÇÖyi almak ve de─či┼čtirmek i├žin bir├žok y├Ântem sunar. T├╝m bu y├Ântemler, Location nesnenin bir ├Âzelli─či olan Window nesneyi kullan─▒r. Location Ge├žerli URLÔÇÖye sahip yeni bir nesne a┼ča─č─▒daki gibi olu┼čturabilirsiniz:

 var currentLocation = window.location;
 

Temel URL Yap─▒s─▒

 <protocol>//<hostname>:<port>/<pathname><search><hash>
 
  • protokol: ─░nternetteki kayna─ča eri┼čmek i├žin kullan─▒lacak protokol ad─▒n─▒ belirtir. (HTTP (SSL olmadan) veya HTTPS (SSL ile))

  • ana bilgisayar ad─▒ : Ana bilgisayar ad─▒, kayna─ča sahip olan ana bilgisayar─▒ belirtir. ├ľrne─čin www.stackoverflow.com ,. Bir sunucu, ana bilgisayar─▒n ad─▒n─▒ kullanarak hizmetler sa─člar.

  • port: Bir ─░nternet'e veya ba┼čka bir a─č mesaj─▒n─▒n bir sunucuya ula┼čt─▒─č─▒nda iletilece─či belirli bir i┼člemi tan─▒mak i├žin kullan─▒lan bir ba─člant─▒ noktas─▒ numaras─▒.

  • yol ad─▒: Yol, Web istemcisinin eri┼čmek istedi─či ana bilgisayardaki belirli kaynak hakk─▒nda bilgi verir. ├ľrne─čin /index.html ,.

  • query: Bir sorgu dizesi, yol bile┼čenini izler ve kayna─č─▒n bir ama├ž i├žin kullanabilece─či bir bilgi dizisi sa─člar (├Ârne─čin, bir arama i├žin parametreler veya i┼členecek veriler olarak).

  • karma: Bir URL'nin ├žapa k─▒sm─▒, karma i┼čaretini (#) i├žerir.

Bu Location nesne ├Âzellikleriyle, bu URL bile┼čenlerinin t├╝m├╝ne ve ayarlayabilecekleri veya geri getirebilecekleri ├Â─čelere eri┼čebilirsiniz:

  • href - URLÔÇÖnin tamam─▒
  • protokol - URL'nin protokol├╝
  • ana bilgisayar - URL'nin ana bilgisayar ad─▒ ve ba─člant─▒ noktas─▒
  • ana bilgisayar ad─▒ - URL'nin ana bilgisayar ad─▒
  • port - sunucunun URL i├žin kulland─▒─č─▒ port numaras─▒
  • yol ad─▒ - URL'nin yol ad─▒
  • arama - URLÔÇÖnin sorgu k─▒sm─▒
  • karma - URLÔÇÖnin ba─člant─▒ k─▒sm─▒

Umar─▒m cevab─▒n─▒ alm─▒┼čs─▒nd─▒r.


620







Ge├žerli kareyle ili┼čkili konum nesnesine window.location okuma ve yazma eri┼čimi i├žin kullan─▒n . Adresi salt okunur bir dize olarak almak istiyorsan─▒z , ayn─▒ de─čeri i├žermesi gereken kullanabilirsiniz .https://developer.mozilla.org/En/DOM/Window.location%23Location_object#Location_object document.URL window.location.href


316







Ge├žerli sayfa URLÔÇÖsini al─▒r:

 window.location.href
 

257







Yolu almak i├žin kullanabilirsiniz:

 console.log('document.location', document.location.href);
console.log('location.pathname',  window.location.pathname); // Returns path only
console.log('location.href', window.location.href); // Returns full URL 


37







Tamam, ge├žerli sayfan─▒n tam URL'sini almak saf JavaScript kullanarak kolayd─▒r. ├ľrne─čin, bu sayfada bu kodu deneyin:

 window.location.href;
// use it in the console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"
 

window.location.href ├ľzellik ge├žerli sayfan─▒n URL'sini d├Ând├╝r├╝r.

 document.getElementById("root").innerHTML = "The full URL of this page is:<br>" + window.location.href; 
 <!DOCTYPE html>
<html>

<body>
  <h2>JavaScript</h2>
  <h3>The window.location.href</h3>
  <p id="root"></p>
</body>

</html> 

Bunlardan bahsetmek de fena de─čil:

  • G├Âreceli bir yola ihtiyac─▒n─▒z varsa, sadece kullan─▒n window.location.pathname ;

  • Ana bilgisayar ad─▒n─▒ almak istiyorsan─▒z, kullanabilirsiniz window.location.hostname ;

  • ve protokol├╝ ayr─▒ca edinmeniz gerekiyorsa, window.location.protocol

    • Sayfan─▒z varsa da, hash etiketini, ho┼čuna alabilirsiniz: window.location.hash .

Yani window.location.href hepsini bir kerede halleder ... temelde:

 window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
    //true
 

window Zaten pencere kapsam─▒ i├žindeyse, kullanma da gerekli de─čildir ...

Yani, bu durumda, kullanabilirsiniz:

 location.protocol

location.hostname

location.pathname

location.hash

location.href
 


Ge├žerli URL'yi JavaScript ile al─▒n


37







Geli┼čtirici Ara├žlar─▒'n─▒ a├ž─▒n , konsola a┼ča─č─▒dakini yaz─▒n ve Enter tu┼čuna bas─▒n .

 window.location
 

├ľr: A┼ča─č─▒da, ge├žerli sayfadaki sonucun ekran g├Âr├╝nt├╝s├╝ verilmi┼čtir.


g├Âr├╝nt├╝ tan─▒m─▒n─▒ buraya girin

─░htiyac─▒n olan─▒ buradan al. :)


34


2017-06-09





Kullan─▒n: window.location.href .

Yukar─▒da belirtildi─či gibi, document.URL g├╝ncelleme yaparken g├╝ncelleme yapmaz window.location . MDN'ye bak─▒n─▒z .


27







  • window.location.href URL'nin tamam─▒n─▒ almak i├žin kullan─▒n .
  • window.location.pathname URLÔÇÖyi ana bilgisayardan b─▒rakmak i├žin kullan─▒n .

19







┼×unlar─▒ yapabilirsiniz Bir karma etiketiyle ge├žerli URL konumunu almak kullanarak:

JavaScript:

  // Using href
 var URL = window.location.href;

 // Using path
 var URL = window.location.pathname;
 

jQuery :

 $(location).attr('href');
 

16







 var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
       currentPageUrlIs = this.href.toString().toLowerCase(); 
}else{ 
       currentPageUrlIs = document.location.toString().toLowerCase();
}
 

Yukar─▒daki kod da birisine yard─▒mc─▒ olabilir


10







H─▒zl─▒ ba┼čvuru i├žin sonu├ž ekleme

window.location;

  Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript",
 ancestorOrigins: DOMStringList,
 origin: "https://stackoverflow.com",
 replace: Ăĺ, assign: Ăĺ, ÔÇŽ}
 

document.location

   Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript", 
ancestorOrigins: DOMStringList,
 origin: "https://stackoverflow.com",
 replace: Ăĺ, assign: Ăĺ
, ÔÇŽ}
 

window.location.pathname

 "/questions/1034621/get-the-current-url-with-javascript"
 

window.location.href

 "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript"
 

location.hostname

 "stackoverflow.com"
 

8







Sorgu dizeleri i├žeren tam URL i├žin:

 document.location.toString().toLowerCase();
 

Ana bilgisayar URLÔÇÖsi i├žin:

 window.location
 

7







Jstl'de ┼ču anki URL yolunu kullanarak eri┼čebiliriz pageContext.request.contextPath . Ajax aramas─▒ yapmak istiyorsan─▒z, a┼ča─č─▒daki URL'yi kullan─▒n.

 url = "${pageContext.request.contextPath}" + "/controller/path"
 

├ľrnek: Bu sayfa http://stackoverflow.com/posts/36577223 verecek http://stackoverflow.com/controller/path .


4







Ge├žerli konum nesneyi almak i├žin bir yoldur window.location .

Bunu document.location , ba┼člang─▒├žta yaln─▒zca ge├žerli URL'yi bir dize olarak d├Ând├╝ren ile kar┼č─▒la┼čt─▒r─▒n . Muhtemelen kar─▒┼č─▒kl─▒─č─▒ ├Ânlemek document.location i├žin de─či┼čtirildi document.URL .

Ve, t├╝m modern taray─▒c─▒lar haritas─▒na document.location i├žin window.location .

Ger├žekte, taray─▒c─▒lar aras─▒ g├╝venli─či i├žin, kullanmak window.location yerine kullanmal─▒s─▒n─▒z document.location .


4







Ger├žek bir URL nesnesi isteyenler i├žin, potansiyel olarak URLÔÇÖleri arg├╝man olarak alan bir yard─▒mc─▒ program i├žin:

 const url = new URL(window.location.href)
 

https://developer.mozilla.org/en-US/docs/Web/API/URL


1







    location.origin+location.pathname+location.search+location.hash;
 

0







┼×u anki sayfan─▒n tam ba─člant─▒s─▒n─▒ location.href , mevcut denetleyicinin ba─člant─▒s─▒n─▒ almak i├žin kullanabilirsiniz:

 location.href.substring(0, location.href.lastIndexOf('/'));
 

0







Ge├žerli URL'yi JavaScript ile alma:

  • ) (Window.location.toString;

  • window.location.href


0







kimli─či olan belirli bir ba─člant─▒ya at─▒fta bulunuyorsan─▒z, bu kod size yard─▒mc─▒ olabilir.

 $(".disapprove").click(function(){
    var id = $(this).attr("id");

    $.ajax({
        url: "<?php echo base_url('index.php/sample/page/"+id+"')?>",
        type: "post",
        success:function()
        {
            alert("The Request has been Disapproved");
            window.location.replace("http://localhost/sample/page/"+id+"");
        }
    });
});
 

Burada bir kimlik g├Ândermek ve window.location.replace kullanarak sayfay─▒ y├Ânlendirmek i├žin ajax kullan─▒yorum . sadece id="" belirtildi─či gibi bir ├Âzellik ekleyin .


0







├ľncelikle sayfan─▒n kontrol├╝ tamamen y├╝klenmi┼čtir.

 browser,window.location.toString();

window.location.href
 

sonra url, URL de─či┼čkenini alan ve konsola basan bir i┼člevi ├ža─č─▒r─▒n,

 $(window).load(function(){
   var url = window.location.href.toString();
   var URL = document.URL;
   var wayThreeUsingJQuery = $(location).attr('href');
   console.log(url);
   console.log(URL);
   console.log(wayThreeUsingJQuery );
});
 

-2