JQueryで現在のURLを入手しますか？
私はjQueryを使っています。現在のURLのパスを取得してそれを変数に割り当てるにはどうすればよいですか？
URLの例：
http://localhost/menuname.de?foo=bar&number=0
パスを取得するには、次のようにします。
var pathname = window.location.pathname; // Returns path only (/path/example.html)
var url = window.location.href; // Returns full URL (https://example.com/path/example.html)
var Origin = window.location.Origin; // Returns base URL (https://example.com)
純粋なjQueryスタイルでは：
$(location).attr('href');
Locationオブジェクトには、Host、hash、protocol、pathnameなどの他のプロパティもあります。
http://www.refulz.com:8082/index.php#tab2?foo=789
Property Result
------------------------------------------
Host www.refulz.com:8082
hostname www.refulz.com
port 8082
protocol http:
pathname index.php
href http://www.refulz.com:8082/index.php#tab2
hash #tab2
search ?foo=789
var x = $(location).attr('<property>');
これはあなたがjQueryを持っている場合にのみ機能します。例えば：
<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>
$(location).attr('href'); // http://www.refulz.com:8082/index.php#tab2
$(location).attr('pathname'); // index.php
</script>
</html>
URLにハッシュパラメータを含める必要がある場合は、window.location.hrefをお勧めします。
window.location.pathname
=> /search
window.location.href
=> www.website.com/search#race_type=1
あなたはJavaScriptの組み込みの window.location objectを使いたいでしょう。
この関数をJavaScriptに追加するだけで、現在のパスの絶対パスが返されます。
function getAbsolutePath() {
var loc = window.location;
var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}
私はそれがあなたのために働くことを願っています。
window.locationはjavascriptのオブジェクトです。以下のデータを返します
window.location.Host #returns Host
window.location.hostname #returns hostname
window.location.path #return path
window.location.href #returns full current url
window.location.port #returns the port
window.location.protocol #returns the protocol
あなたが使用できるjqueryで
$(location).attr('Host'); #returns Host
$(location).attr('hostname'); #returns hostname
$(location).attr('path'); #returns path
$(location).attr('href'); #returns href
$(location).attr('port'); #returns port
$(location).attr('protocol'); #returns protocol
これは多くの人が考えるよりももっと複雑な問題です。いくつかのブラウザは、内蔵のJavaScriptロケーションオブジェクトと、window.locationまたはdocument.locationを通してアクセス可能な関連するパラメータ/メソッドをサポートします。ただし、異なる種類のInternet Explorer（6,7）では、これらのメソッドは同じ方法ではサポートされていないため（window.location.href？window.location.replace()はサポートされていません）、Internet Explorerを保持するために常に条件付きコードを書く必要があります。
そのため、jQueryが利用可能でロードされている場合は、他の人が述べたようにjQuery（location）を使用することをお勧めします。これらの問題を解決するためです。ただし、JavaScriptを使用して（つまり、Google Maps APIとlocationオブジェクトのメソッドを使用して）クライアント側の地理位置情報のリダイレクトを行っている場合は、jQueryライブラリ全体をロードして次のような条件コードを記述したくないでしょう。 Internet Explorer/Firefox/etcのすべてのバージョンをチェックします。
Internet Explorerはフロントエンドのコーディング猫を不幸にしますが、jQueryはミルクのプレートです。
ホスト名にのみ使用します。
window.location.hostname
これも動作します。
var currentURL = window.location.href;
Javaスクリプトは、ブラウザのアドレスバーに表示されている現在のURLを取得するための多くのメソッドを提供します。
テストURL
http://
stackoverflow.com/questions/5515310/get-current-url-with-jquery/32942762
?
rq=1&page=2&tab=active&answertab=votes
#
32942762
resourceAddress.hash();
console.log('URL Object ', webAddress);
console.log('Parameters ', param_values);
機能：
var webAddress = {};
var param_values = {};
var protocol = '';
var resourceAddress = {
fullAddress : function () {
var addressBar = window.location.href;
if ( addressBar != '' && addressBar != 'undefined') {
webAddress[ 'href' ] = addressBar;
}
},
protocol_identifier : function () { resourceAddress.fullAddress();
protocol = window.location.protocol.replace(':', '');
if ( protocol != '' && protocol != 'undefined') {
webAddress[ 'protocol' ] = protocol;
}
},
domain : function () { resourceAddress.protocol_identifier();
var domain = window.location.hostname;
if ( domain != '' && domain != 'undefined' && typeOfVar(domain) === 'string') {
webAddress[ 'domain' ] = domain;
var port = window.location.port;
if ( (port == '' || port == 'undefined') && typeOfVar(port) === 'string') {
if(protocol == 'http') port = '80';
if(protocol == 'https') port = '443';
}
webAddress[ 'port' ] = port;
}
},
pathname : function () { resourceAddress.domain();
var resourcePath = window.location.pathname;
if ( resourcePath != '' && resourcePath != 'undefined') {
webAddress[ 'resourcePath' ] = resourcePath;
}
},
params : function () { resourceAddress.pathname();
var v_args = location.search.substring(1).split("&");
if ( v_args != '' && v_args != 'undefined')
for (var i = 0; i < v_args.length; i++) {
var pair = v_args[i].split("=");
if ( typeOfVar( pair ) === 'array' ) {
param_values[ decodeURIComponent( pair[0] ) ] = decodeURIComponent( pair[1] );
}
}
webAddress[ 'params' ] = param_values;
},
hash : function () { resourceAddress.params();
var fragment = window.location.hash.substring(1);
if ( fragment != '' && fragment != 'undefined')
webAddress[ 'hash' ] = fragment;
}
};
function typeOfVar (obj) {
return {}.toString.call(obj).split(' ')[1].slice(0, -1).toLowerCase();
}
- protocol« Web-browsers WebHostedアプリケーションとWebクライアント（ブラウザ）間の通信に関するいくつかの規則に従ってインターネットプロトコルを使用します。 （http = 80 、https（SSL）= 443 、ftp = 21など）
例：デフォルトのポート番号
<protocol>//<hostname>:<port>/<pathname><search><hash>
https://en.wikipedia.org:443/wiki/Pretty_Good_Privacy
http://stackoverflow.com:80/
- （//）«ホストは、インターネット上のエンドポイント（リソースが存在するマシン）に付けられた名前です。 www.stackoverflow.com - _ dns _ アプリケーションのIPアドレス（OR）localhost：8080 - localhost
ドメイン名は、ドメインネームシステム（DNS）ツリーの規則と手順によって登録されたものです。アドレス指定の目的でIPアドレスを使用してドメインを管理している人のDNSサーバー。 DNSサーバー階層では、stackoverlfow.comのルート名はcomです。
gTLDs - com « stackoverflow (OR) in « co « google
ローカルシステムでは、ホストファイル内でPUBLICではないドメインを管理する必要があります。 localhost.yash.com « localhsot - subdomain(web-server), yash.com - maindomain(Proxy-Server). myLocalApplication.com 172.89.23.777
- （/）«このパスは、Webクライアントがアクセスしたいホスト内の特定のリソースに関する情報を提供します。
- （？）«オプションの照会は、区切り文字（＆）で区切られた一連の属性と値のペアを渡すことです。
- （＃）«オプションのフラグメントは多くの場合、特定の要素のid属性であり、Webブラウザはこの要素をスクロールして表示します。
パラメータに Epoch?date=1467708674がある場合は、を使用します。
var epochDate = 1467708674; var date = new Date( epochDate );
URL 
Username：passwordの認証URL、usernaem/passwordに@記号が含まれる場合
like：
Username = `my_email@gmail`
Password = `Yash@777`
次に、@を%40のようにURLエンコードする必要があります。 参照してください...
http://my_email%40gmail.com:Yash%[email protected]_site.com
encodeURI() （vs） encodeURIComponent() example
var testURL = "http:my_email@gmail:Yash777@//stackoverflow.com?tab=active&page=1#32942762";
var Uri = "/:@?&=,#", UriComponent = "$;+", Unescaped = "(-_.!~*')"; // Fixed
var encodeURI_Str = encodeURI(Uri) +' '+ encodeURI( UriComponent ) +' '+ encodeURI(Unescaped);
var encodeURIComponent_Str = encodeURIComponent( Uri ) +' '+ encodeURIComponent( UriComponent ) +' '+ encodeURIComponent( Unescaped );
console.log(encodeURI_Str, '\n', encodeURIComponent_Str);
/*
/:@?&=,# +$; (-_.!~*')
%2F%3A%40%3F%26%3D%2C%23 %2B%24%3B (-_.!~*')
*/
あなたはwindow.locationをログに記録し、ちょうどURLの使用のために、すべてのオプションを見ることができます：
window.location.Origin
パス全体に使用する：
window.location.href
場所もあります。_ _
.Host
.hostname
.protocol
.pathname
_ url _ とハッシュタグを連結したい人がいる場合は、2つの関数を組み合わせてください。
var pathname = window.location.pathname + document.location.hash;
あなたは単にjs自身を使ってあなたのパスを得ることができます、window.locationまたはlocationはあなたに現在のURLのオブジェクトを与えるでしょう
console.log("Origin - ",location.Origin);
console.log("Entire URL - ",location.href);
console.log("Path Beyond URL - ",location.pathname);GET変数を取り除くためにこれを持っています。
var loc = window.location;
var currentURL = loc.protocol + '//' + loc.Host + loc.pathname;
これはjQueryとJavaScriptを使って現在のURLを取得する例です：
$(document).ready(function() {
//jQuery
$(location).attr('href');
//Pure JavaScript
var pathname = window.location.pathname;
// To show it in an alert window
alert(window.location);
});
$.getJSON("idcheck.php?callback=?", { url:$(location).attr('href')}, function(json){
//alert(json.message);
});
Iframe内から親ウィンドウのURLを取得するには
$(window.parent.location).attr('href');
注意：同じドメインでのみ動作します
var currenturl = jQuery(location).attr('href');
以下は、使用できる便利なコードスニペットの例です。一部の例は標準のJavaScript関数を使用しており、jQueryに固有のものではありません。
8を参照してください。URLとクエリ文字列についてはを参照してください。
window.location.href を使用してください。これはあなたに完全な _ url _ を与えるでしょう。
window.locationはあなたに現在の _ url _ を与えるでしょう、そしてあなたはそれから欲しいものは何でも抽出することができます...
ルートサイトのパスを取得したい場合は、これを使用してください。
$(location).attr('href').replace($(location).attr('pathname'),'');
purl.js を参照してください。これは本当に役に立つでしょうし、jQueryによっては使うこともできます。このように使用してください。
$.url().param("yourparam");
var path = location.pathnameは現在のURLのパスを返します（jQueryは必要ありません）。 window.locationの使用はオプションです。
非常によく使われるトップ3のものがあります
1. window.location.hostname
2. window.location.href
3. window.location.pathname
var newURL = window.location.protocol + "//" + window.location.Host + "/" + window.location.pathname;
すべてのブラウザはJavascriptウィンドウオブジェクトをサポートしています。ブラウザのウィンドウを定義します。
グローバルオブジェクトと関数は自動的にウィンドウオブジェクトの一部になります。
すべてのグローバル変数はウィンドウオブジェクトのプロパティであり、すべてのグローバル関数はそのメソッドです。
HTML文書全体もウィンドウのプロパティです。
そのため、window.locationオブジェクトを使用して、URL関連のすべての属性を取得できます。
Javascript
console.log(window.location.Host); //returns Host
console.log(window.location.hostname); //returns hostname
console.log(window.location.pathname); //return path
console.log(window.location.href); //returns full current url
console.log(window.location.port); //returns the port
console.log(window.location.protocol) //returns the protocolJQuery
console.log("Host = "+$(location).attr('Host'));
console.log("hostname = "+$(location).attr('hostname'));
console.log("pathname = "+$(location).attr('pathname'));
console.log("href = "+$(location).attr('href'));
console.log("port = "+$(location).attr('port'));
console.log("protocol = "+$(location).attr('protocol'));<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>// get current URL
$(location).attr('href');
var pathname = window.location.pathname;
alert(window.location);
Jstlでは、pageContext.request.contextPathを使用して現在のURLパスにアクセスできます。Ajax呼び出しを行いたい場合は、
url = "${pageContext.request.contextPath}" + "/controller/path"
例：http://stackoverflow.com/questions/406192ページでこれはhttp://stackoverflow.com/controller/pathを与えるでしょう