私はjQueryを使用しています。現在のURLのパスを取得して変数に割り当てるにはどうすればよいですか?
URLの例:
http://localhost/menuname.de?foo=bar&number=0
私は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');
ロケーションオブジェクトには、ホスト、ハッシュ、プロトコル、パス名などの他のプロパティもあります。
.attr()
ロケーションで行うことはできません。(1)これは要素で$(location)
はないため、せいぜい怪しげです。(2)機能しても、.prop()
プロパティを取得するために使用する必要があります。 .attr()
HTML属性用です。
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>
/index.php
代わりにindex.php
する必要があります。
attr
HTML属性を使用して設定できるものについては、DOMオブジェクトでのみ使用されることが想定されています。
URLに存在するハッシュパラメータが必要な場合はwindow.location.href
、より良い選択かもしれません。
window.location.pathname
=> /search
window.location.href
=> www.website.com/search#race_type=1
window.location.hash
この関数を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));
}
私はそれがあなたのために働くことを望みます。
var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/'));
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
windo.location.origin
ですか?
これは、多くの人が考えているよりも複雑な問題です。いくつかのブラウザは、組み込みのJavaScriptロケーションオブジェクトと、window.location
またはを介してアクセス可能な関連するパラメータ/メソッドをサポートしていますdocument.location
。ただし、さまざまな種類のInternet Explorer(6、7)はこれらのメソッドを同じ方法でサポートしていないため(window.location.href
? window.location.replace()
はサポートされていません)、Internet Explorerを手に持つために常に条件付きコードを記述して、異なる方法でアクセスする必要があります。
したがって、jQueryが利用可能でロードされている場合は、他の人が述べたように、これらの問題を解決するため、jQuery(場所)を使用することもできます。ただし、JavaScriptを介して(つまり、Google Maps APIとロケーションオブジェクトのメソッドを使用して)クライアント側の地理位置情報リダイレクトの例を実行している場合は、jQueryライブラリ全体をロードして条件コードを記述したくない場合があります。 Internet Explorer / Firefox / etcのすべてのバージョンをチェックします。
Internet Explorerは、フロントエンドのコーディング猫を不幸にしますが、jQueryはミルクのプレートです。
ホスト名のみの場合は、次を使用します。
window.location.hostname
java-scriptは、ブラウザのアドレスバーに表示される現在の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>//<hostname>:<port>/<pathname><search><hash>
https://en.wikipedia.org:443/wiki/Pretty_Good_Privacy
http://stackoverflow.com:80/
ドメイン名は、ドメインネームシステム(DNS)ツリーのルールと手順によって登録するものです。アドレス指定の目的でIP-Addressを使用してドメインを管理する誰かの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
パラメータにエポック がある場合?date=1467708674
は使用します。
var epochDate = 1467708674; var date = new Date( epochDate );
username:passwordを使用した認証URL、usernaem / passwordに次の
ような@記号が含まれている場合
:
Username = `my_email@gmail`
Password = `Yash@777`
次に、を@
としてURLエンコードする必要があります%40
。参照...
http://my_email%40gmail.com:Yash%40777@www.my_site.com
encodeURI()
(対)のencodeURIComponent()
例
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 (-_.!~*')
*/
URLを使用するだけで、window.locationをログに記録してすべてのオプションを確認できます。
window.location.origin
パス全体を使用する場合:
window.location.href
場所もあります。_ _
.host
.hostname
.protocol
.pathname
js自体を使用してパスを取得するwindow.location
かlocation
、現在のURLのオブジェクトを取得できます
console.log("Origin - ",location.origin);
console.log("Entire URL - ",location.href);
console.log("Path Beyond URL - ",location.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);
});
以下は、使用できる便利なコードスニペットの例です。一部の例は、標準のJavaScript関数を使用しており、jQueryに固有のものではありません。
8つの有用なjQueryスニペット(URLとクエリ文字列)を参照してください。
purl.jsを参照してください。これは本当に役立ち、jQueryによっては使用することもできます。次のように使用します。
$.url().param("yourparam");
ルートサイトのパスを取得する場合は、次のようにします。
$(location).attr('href').replace($(location).attr('pathname'),'');
.replace('#.*', '')
ですか?ハッシュマークだけでなく、その後のすべても削除しますか?
非常に一般的に使用される上位3つは
1. window.location.hostname
2. window.location.href
3. 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 protocol
jQuery
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>
location.pathname
使用している場所を確認しています。location.path
この回答は更新する必要がありますか?
// get current URL
$(location).attr('href');
var pathname = window.location.pathname;
alert(window.location);
jstlでは、を使用して現在のURLパスにアクセスできます。ajax pageContext.request.contextPath
呼び出しを行う場合は、
url = "${pageContext.request.contextPath}" + "/controller/path"
例:http://stackoverflow.com/questions/406192
このページでhttp://stackoverflow.com/controller/path