WebサイトのURLを取得するだけです。リンクから取得したURLではありません。ページの読み込み時に、現在のWebサイトの完全なURLを取得し、それを変数として設定して、好きなように処理できるようにする必要があります。
回答:
使用する：
window.location.href コメントに記載されているように、以下の行は機能しますが、Firefoxにはバグがあります。
document.URL;タイプDOMStringのURL、readonlyを参照してください。
document.URLプロパティはwindow.locationアンカー（＃）の後に更新されませんが、更新されwindow.location.hrefます。ここにライブデモをまとめました：jsfiddle.net/PxgKy他のバージョンのFirefoxはテストしていません。document.URLChrome 20とIE9では、使用に関する問題は見つかりませんでした。
window.location.hostとwindow.location.href.toString().split(window.location.host)[1]
document.baseURIそれについては何ですか。基本的に、URL 、、document.baseURIおよびを取得するには3つの方法があります。document.URLlocation
name="URL"場合、このプロパティはdocumentオブジェクト上でシャドウされ、コードが壊れます。その場合、document.URL代わりにDOMノードを参照します。のように、グローバルオブジェクトのプロパティを使用することをお勧めしますwindow.location.href。
URL情報アクセス
JavaScriptは、ブラウザのアドレスバーに表示される現在のURLを取得および変更するための多くのメソッドを提供します。これらすべてのメソッドは、LocationオブジェクトのプロパティであるWindowオブジェクトを使用します。Location次のようにして、現在のURLを持つ新しいオブジェクトを作成できます。
var currentLocation = window.location;基本的なURL構造
<protocol>//<hostname>:<port>/<pathname><search><hash>protocol：インターネット上のリソースにアクセスするために使用されるプロトコル名を指定します。（HTTP（SSLなし）またはHTTPS（SSLあり））
hostname：ホスト名は、リソースを所有するホストを指定します。たとえば、www.stackoverflow.com。サーバーは、ホストの名前を使用してサービスを提供します。
ポート：サーバーに到着したときにインターネットまたは他のネットワークメッセージが転送される特定のプロセスを認識するために使用されるポート番号。
パス名：パスは、Webクライアントがアクセスするホスト内の特定のリソースに関する情報を提供します。たとえば、/index.html。
検索：クエリ文字列はパスコンポーネントに従い、リソースが何らかの目的で（たとえば、検索のパラメーターとして、または処理されるデータとして）利用できる情報の文字列を提供します。
hash： URLのアンカー部分。ハッシュ記号（＃）が含まれます。
これらのLocationオブジェクトプロパティを使用すると、これらすべてのURLコンポーネントと、それらが設定または返すことができるものにアクセスできます。
答えが出たらいいのに…
substringます。ただし、リダイレクトを使用しdocument.location = "/page.html";てルートページにリダイレクトする場合に役立つことがありますpage.html
searchますが、以下の説明のリストでは、と呼ばれていqueryます。多分それらは和解することができるか、またはさらに説明を追加することができます。
現在のフレームに関連付けられwindow.locationている位置オブジェクトへの読み取りおよび書き込みアクセスに使用します。アドレスを読み取り専用の文字列として取得するだけの場合はdocument.URL、を使用できます。これにはと同じ値を含める必要がありますwindow.location.href。
OK、現在のページの完全なURLを取得することは、純粋なJavaScriptを使用することで簡単です。たとえば、このページで次のコードを試してください。
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プロパティは、現在のページのURLを返します。
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>これらについても触れておきます。
相対パスが必要な場合は、単にwindow.location.pathname;
ホスト名を取得したい場合は、を使用できますwindow.location.hostname。
プロトコルを個別に取得する必要がある場合は、 window.location.protocol
hashタグがある場合は、次のように取得できますwindow.location.hash。したがってwindow.location.href、すべてを一度に処理します...基本的に：
window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
//trueまた使用 window、すでにウィンドウスコープ内にある場合は必要はありません...
したがって、その場合は、以下を使用できます。
location.protocol
location.hostname
location.pathname
location.hash
location.href
次を使用して、ハッシュタグで現在のURLの場所を取得できます。
JavaScript：
// Using href
var URL = window.location.href;
// Using path
var URL = window.location.pathname;jQuery：
$(location).attr('href');var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
currentPageUrlIs = this.href.toString().toLowerCase();
}else{
currentPageUrlIs = document.location.toString().toLowerCase();
}上記のコードは誰かを助けることもできます
http://www.server.com/path/to/Script.php?option=A1B2C3で、ファイルシステムで大文字と小文字が区別される場合（Linux / Unix）、必ずしもScript.phpとscript.phpは同じではありません。（Windowsの、いくつかのMacintosh）を大文字と小文字を区別しない場合でも、そして、?option=A1B2C3同じではない?option=a1b2c3としても、または?Option=A1B2C3。サーバーのみが大文字と小文字を区別しません。www.server.comまたはwww.SeRvEr.cOmは同じです。
クイックリファレンスのための結果の追加
window.location;
Location {href: "/programming/1034621/get-the-current-url-with-javascript",
ancestorOrigins: DOMStringList,
origin: "https://stackoverflow.com",
replace: ƒ, assign: ƒ, …}document.location
Location {href: "/programming/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
"/programming/1034621/get-the-current-url-with-javascript"location.hostname
"stackoverflow.com"クエリ文字列を含む完全なURLの場合：
document.location.toString().toLowerCase();ホストURLの場合：
window.locationjstlでは、を使用して現在のURLパスにアクセスできますpageContext.request.contextPath。Ajax呼び出しを行う場合は、次のURLを使用します。
url = "${pageContext.request.contextPath}" + "/controller/path"例：ページの場合は、http://stackoverflow.com/posts/36577223このようになりますhttp://stackoverflow.com/controller/path。
現在の位置オブジェクトを取得する方法はwindow.locationです。
これをdocument.location、もともと現在のURLのみを文字列として返していたと比較してください。混乱を避けるために、document.locationに置き換えられましたdocument.URL。
また、最新のブラウザはすべてに対応document.locationしていwindow.locationます。
実際には、ブラウザ間の安全のために、window.locationではなくを使用する必要がありますdocument.location。
実際のURLオブジェクトが必要な場合は、URLを引数として受け取るユーティリティの可能性があります。
const url = new URL(window.location.href)idを持つ特定のリンクを参照している場合、このコードが役立ちます。
$(".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+"");
}
});
});ここではajaxを使用してIDを送信し、window.location.replaceを使用してページをリダイレクトしています。上記のように属性id=""を追加するだけです。
まず、ページが完全に読み込まれているかどうかを確認します
browser,window.location.toString();
window.location.href次に、URL、URL変数を取り、コンソールに出力する関数を呼び出します。
$(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 );
});