jQueryで現在のファイル名を取得する方法

今回は探したけど案外なかったのでコチラをご紹介します。

javascriptで現在のファイル名を取得する方法というのが見つからなかったので作ってみました。
むしろ探し方が悪いのかもしれません。。。。

でも結構探したんですけどねー、、、まあ、自分でも楽にできたのでこれでいいかなと。

phpだと結構簡単にできちゃうんですけど、javascriptだとあんまりない気がしますねー。


スポンサーリンク


basename($_SERVER['SCRIPT_NAME'])

phpだとこれだけです。

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
        $(function() {
        	var url = window.location;	
        	//var path = url.pathname.split('/'); 
        	// ↑上記でも同じですが現在ページURLのパス名のみです。?以降の文字列も取得しません。
        	var path = url.href.split('/');
        	var file_name = path.pop();
        	$('#results').text(file_name);
        });
</script>

jqueryだとこんなかんじです。これでも結構すっきりにしたほうですー

<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="UTF-8" />
		<title>jQueryの練習</title>
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script>
		$(function() {
			var url = window.location;
			//var path = url.pathname.split('/');
			// ↑上記でも同じですが現在ページURLのパス名のみです。?以降の文字列も取得しません。
			var path = url.href.split('/');
			var file_name = path.pop();
			$('#results').text(file_name);
		});
		</script>
</head>
	<body>
		<h1>javascriptの練習</h1>
		<div id="results"></div>
	</body>
</html>

一応全文表示しておきます。デモサイトでご確認くださいませー

デモサイト

Pocket
LINEで送る


スポンサーリンク

コチラの記事もどうぞ!
You can leave a response, or trackback from your own site.

2 件のコメント “jQueryで現在のファイル名を取得する方法”

  1. kubono より:

    はじめまして、kubonoと申します。

    PHPサンプル実験室に掲載されている技術ですが、全て商用フリーでしょうか?
    高度な技術ばかりなので是非とも使用させて頂きたいと思っております。
    如何なものでしょうか?

    お手数ですが、ご回答の程、宜しくお願いします。

    • 管理者 より:

      お問い合わせありがとうございます。
      管理者のスヤマと申します。どうぞご自由にお使い下さいませ。ここのブログで記載されている物は商用で使っていただいてもかまいませんが自己責任にてお願いします。古い記事に記述している物は動かなくなる場合がございますのでご了承くださいませ。
      よろしくお願いいたします。

コメントをお寄せ下さい

Subscribe to RSS Feed Follow me on Twitter!
%d人のブロガーが「いいね」をつけました。