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


Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /home/webstyle/php-fan.org/public_html/wp-content/plugins/wp-syntax/wp-syntax.php on line 383

Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /home/webstyle/php-fan.org/public_html/wp-content/plugins/wp-syntax/wp-syntax.php on line 383

Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /home/webstyle/php-fan.org/public_html/wp-content/plugins/wp-syntax/wp-syntax.php on line 383

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

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>

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

デモサイト

2件のコメント

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

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

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

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

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です