JavascriptでURLから任意の部分だけ取得する方法は？（表題より少し進みました）

html
1<script id="src" type="text/javascript" src="example.js?id=123456789" charset="uft-8"></script>

javascript
1var src = document.getElementById('src');
2console.log(src.src);

上記の処理で、「https://example.com/example.js?id=123456789」が取れました。
「123456789」だけ欲しいんですが、どうすれば良いでしょうか？

何が分からないのか

scri
1```pt src="example.js?ex=123456789"></script>```
2
3上記のコードがHTMLファイル内に記載されていると仮定します。
4
5そして、サーバーではなく、クライアント側（Javascript）からURLパラメータを取得したいです。
6
7どうすれば良いのでしょうか？
8
9JSファイルに記載して取得したいです。
10
11そして、変数に代入してAPIを叩きたいです。

Lhankor_Mhy

2017/04/21 08:28

spellbound

2017/04/21 08:35

実際のコードは正しかったです。ご指摘ありがとうございます。

行動規範の内容に同意します

回答2件

ベストアンサー

たとえばこんな感じで参照するとかでしょうか？

javascript
1var param= (function() {
2  var src='';
3  if(document.currentScript){
4    src=document.currentScript.src;
5  }else{
6    var scripts = document.getElementsByTagName('script'),
7    script = scripts[scripts.length-1];
8    if (script.src) {
9      src=script.src;
10    }
11  }
12  return src.match(/\?(.+)/)[1]
13})();
14console.log(param);

sample

javascript
1<script>
2function getParam(){
3  var src='';
4  var scripts = document.getElementsByTagName('script');
5  script = scripts[scripts.length-2];
6  if (script.src) {
7      src=script.src;
8  }
9  return src.match(/\?(.+)/)[1]
10};
11</script>
12<script src="test.js?a=1"></script>
13<script>console.log(getParam());</script>
14<script src="test.js?a=2"></script>
15<script>console.log(getParam());</script>
16<script src="test.js?a=3"></script>
17<script>console.log(getParam());</script>
18

投稿2017/04/21 08:11

編集2017/04/21 08:43

yambejp

総合スコア114968

spellbound

2017/04/21 08:15

Missing semicolonというエラーが発生しました。

yambejp

2017/04/21 08:43 編集

行動規範の内容に同意します

javascript
1<!DOCTYPE html>
2<html>
3    <head>
4        <meta charset="utf-8">
5        <title>src</title>
6    </head>
7    <body>
8        <script src="example.js?ex='123456789'"></script>
9        <script type="text/javascript">
10            console.log(document.querySelector("script").getAttribute("src"))
11        </script>
12    </body>
13</html>
14