JAVASCRIPT 構造体もどきと自分のファイル名（URL)を取得

JAVASCIPTの構造体もどき。
構造体のようにオブジェクトとして扱うことで、複数の変数を1つのオブジェクトに格納できる。
これを配列に入れれば多くの変数をまとめて扱える。

自分のファイル名（URL)を取得
例えばこんな感じのURL「https://www.XXX.com/index.html」（架空）があるとして、index.htmlにJAVASCRIPT、window.location.hrefを書いていたとすれば「https://www.XXX.com/index.html」
を取得します。
index.htmlがないときはhttps://www.XXX.comを取得することになります。

・ファイル名を取得
window.location.href.split(‘/’).pop();
splitでスラッシュを区切りにして分割します。
そしてpopで最後の分割であるindex.htmlを取得してファイル名を取得することになります。
index.htmlがないときは、たぶんwww.XXX.comが表示されるはず。
なので、URLを取得したいときは
window.location.href
までを記述すればOKみたい

ファイル名を取得する必要性は、あまりありませんが、個別のファイルになにか仕組みを入れておいて特別なメッセージを表示させるとか、あるページを開こうとしたときに、IE11、クロムならOKだけど、サファリやOperaだったらアラートを表示させたいとかに使えるでしょう。その際は、URLの判定用の配列を作成してどのURLならOKとして、事前に登録しておく必要があります。
今回はそこまで書いていません。またJavascriptは外部ファイルにしておくほうが今後利便性は高いですが、ブログ記事のためにわかりやすいく扱いやすいように同じファイルの中に記載しています。

//参考にしたサイト
//https://b.0218.jp/20140404132553.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>JS構造体もどきと自分のファイル名を取得</title>
  
 <script>
 	//構造体のように使ってみた
function User(id, name, point){
  this.id = id;
  this.name = name;
  this.point = point;
}
function getFileName() {//javascript ファイル名 取得 自分

    return window.location.href.split('/').pop();
}
</script>

</head>
<body>
ファイル名を取得するスクリプト<br>
  <script type="text/javascript">
var testFilename;
testFilename=getFileName();
document.write("ファイル名は"+testFilename);
</script>

	ここに名前が表示される<br>
<div id="output"></div>
<script type="text/javascript">
	//scriptの位置に注意する。id=outputが下の方だとエラーになる
	var tag_element = document.getElementById("output");
	var test01 = new User(1,"taro",20);
	tag_element.innerHTML = test01.name;
</script>

</body>
</html>

<!DOCTYPE html>

<head>

<title>JS構造体もどきと自分のファイル名を取得</title>

//構造体のように使ってみた

function User(id, name, point){

this.id = id;

this.name = name;

this.point = point;

}

function getFileName() {//javascript ファイル名取得自分

return window.location.href.split('/').pop();

}

</script>

</head>

<body>

ファイル名を取得するスクリプト<br>

var testFilename;

testFilename=getFileName();

document.write("ファイル名は"+testFilename);

</script>

ここに名前が表示される<br>

//scriptの位置に注意する。id=outputが下の方だとエラーになる

var tag_element = document.getElementById("output");

var test01 = new User(1,"taro",20);

tag_element.innerHTML = test01.name;

</script>

</body>

</html>

こちらの記事もどうぞ

Javascript、GASとも構造体はないけど、クラスかオブジェクトを使えば Javascript、GASとも構造体はないけど、クラスかオブジェクトを使えば構造体っぽくできるよ […]
JACASCRIPTで引数省略、関数の引数より多い引数を指定した場合はarguments JACASCRIPTで引数省略、関数の引数より多い引数を指定した場合はarguments -- […]
開発言語別簡易文法チート表、VB.NETとC#のチート表他Javascript、PHP 開発言語別簡易文法チート表、VB.NETとC#のチート表他Javascript、PHP チートと […]
JAVASCRIPTでドラッグ・アンド・ドロップのリンクメモ　 JAVASCRIPTでドラッグ・アンド・ドロップのメモ　以前ドラッグ・アンド・ドロップを試 […]
エイジャックスAJAXドキュメント調査中、アジャックスって読んでたエイジャックスAJAXドキュメント調査中、アジャックスって読んでたエイジャックスAJAXの […]
2018年次回作成アプリ学習言語ネタ jquery ajax,まずはjqueryを勉強中 2018年次回作成アプリ学習言語ネタ jquery […]

ピクチャ

ピクチャは海外ドラマ、漫画、英単語語呂合わせ法、アイフォンアプリ等の記事を紹介します

JAVASCRIPT 構造体もどきと自分のファイル名（URL)を取得

こちらの記事もどうぞ