ベストアンサー

queryselector()メソッドの引数に変数

2015/02/25 22:36

javascriptの勉強をしています。 var str=queryselector('[href*="h ttp://yahoo.co.jp/"]')の URL（h ttp://yahoo.co.jp/）部分を汎用性を高めるために変数にしたいです。どう記述すればいいでしょうか。

momomo100
お礼率30% (25/82)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

notnot
ベストアンサー率47% (4900/10359)

2015/02/25 23:09 回答No.1

文字列をつなぐのは、+ です。 var url = 'http://yahoo.co.jp'; var str = queryselector('[href*="' + url + '"]');

関連するQ&A

引数？が分かりません。教えてください。お願いします。

最近、javascriptを勉強しだした者です。「開く」ボタンをクリックすると、そのホームページを新しいウィンドウで表示し、「閉じる」ボタンをクリックでウィンドウが閉じるという動きです。 urlのグローバル変数は理解できるのですが subの動きが分かりません。 urlのように何がはいるか宣言していないけど、 3つの箱は用意している。添え字の「s」と「t」の動きも理解できません。きっと引数のことが理解できていないのだろうということはうっすら分かります。お手数をおかけいたしますが、ご教授いただけるとありがたいです。よろしくお願いいたします。 <script language="javascript">  </script>
関数の引数とグローバル変数について

javascript初心者です。どうしても分からないことがあるので質問させて頂きます。グローバル変数の値を関数で処理して増やしコンソールログに表示していく、というようなソースがあるとします。（以下） //グローバル変数 var a = 0; var b = 0; var c = 0; //計算する関数 var afunc = function(){ 　　a++; 　　console.log(a); } var bfunc = function(){ 　　b++; 　　console.log(b); } var cfunc = function(){ 　　c++; 　　console.log(c); //onclickなどで呼び出す関数 function test1(){ 　　var aplus = new afunc(); } function test2(){ 　　var aplus = new bfunc(); } function test3(){ 　　var aplus = new cfunc(); } グローバル変数や関数などが３つと数が少ないならこれでもいいかも知れませんが、これが数十個とかに増えると、ソースの量もかなり多くなり管理も大変になると思い簡略化させたいと考えました。そこで以下のように変えてみたのですが、加算がうまくいきません。 //グローバル変数 var a = 0; var b = 0; var c = 0; //計算する関数 vvar xxfunc = function(xx){ 　　this.xx = xx; 　　this.show = function() { 　　　　this.xx++; 　　　　console.log(this.xx); 　　} } //onclickなどで呼び出す関数 function test1(){ 　　var aplus = new xxfunc(a); 　　aplus.show(); } function test2(){ 　　var aplus = new xxfunc(b); 　　aplus.show(); } function test3(){ 　　var aplus = new xxfunc(c); 　　aplus.show(); } もしかすると、関数の引数にはグローバル変数を指定することができないのでしょうか？何かうまいやり方はあるでしょうか？プログラミング自体が勉強し始めたばかりなので、おかしなソースの書き方をしているかもしれませんのが、ご教授、よろしくお願いいたします。
htmlから変数を渡すには？

http://trentrichardson.com/Impromptu/index.php のサンプル13を参考にチャレンジしているのですが htmlからjavascript側へurlを渡すにはどうすればいいのでしょうか？現状はjavascriptのconfirmで確認しOKがクリックされれば移動していました。 <a href="#" onclick="return jump('http://www.yahoo.co.jp/')">移動</a> これをサンプルのスクリプトに適応させたいと思いhtmlを <a href="#" onclick="$.prompt(brown_theme_text,{callback: jump'http://www.yahoo.co.jp/' ,buttons:{Ok:true,Cancel:false}, prefix:'brownJqi'})">移動</a> のようしにjavascriptを function jump(v,m,url){ if (v == true) { location.href = url; } return false; } とやってみたのですがhtml側でurlを記述するところが違うようで動作しなくなってしまいます。ちなみにurlを外すと動作します。知識がないものでurlを{}で囲んだりurlの前にカンマをつけたりと思いつく範囲で何度か試してみましたがどれも動作しませんでした^^; html側が問題かと思うのですがどのように変更すればいいものかわかりません。詳しい方おりましたら宜しくお願い致します。
JavaScriptにPHPの変数

どちらで質問しようか迷いましたけど^^; PHPでの変数をJavaScriptに移動(?)できないのでしょうか？ $abs = 30; setTimeout("location.href='abc.php?var=<? echo $abc;?>'",1000*40); このような形で移したいのですが、これはできないのでしょうか？
グローバル変数とローカル変数について

今JavaScriptを勉強している初心者です。実は、ある本に書かれているソースコードでグローバル変数とローカル変数の違いがよく分からなくなりましてここに質問させて頂く次第です。まずは、ソースコードを書きます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <title>変数のスコープ</title> <script type="text/javascript"> function testFunc(){ var num; num=5; } </script> </head> <body bgcolor="#FFFFFF"> <p style="font-size:200%"> <script type="text/javascript"> var num=3; testFunc(); document.write(num, "<br>") </script> </p> </body> </html> このままだとブラウザに表示されるのはグローバル変数「３」になるというのも今一分からないのですが。この次に<head>部分の var num; をコメントにします。すると、何故かローカル変数「５」がグローバル変数になり、<body>部分のtestFunc（）メソッドの結果ブラウザに表示される値が「５」になるというものです。 var num; をコメントとする事はnumは変数宣言されていないことになります。なのに num = 5; が成り立つのもよく分かりません。そこでアドバイスを頂きたくここに書き込む事にしました。是非とも宜しくお願い致します。
エンコードされたURLをGETメソッドで受け取るには？

ttp://localhost/urltest.php?url=ttp://search.auctions.yahoo.co.jp/jp/search/auc?p=%A5%AC%A5%E4%A5%EB%A5%C9&auccat=0&alocale=0jp&acc=jp 上記のURLで ttp://localhost/urltest.phpの if(isset($_GET['url'])){ $itemsStr = ($_GET['url']); } print $itemsStr; で受け取りたいのですが、 ttp://search.auctions.yahoo.co.jp/jp/search/auc?p= までしか取得できません。 %A5%AC%A5%E4%A5%EB%A5%C9 の部分が取り出せないようです。%Aだけを受けとることはできるのですが、それ以上長くエンコードされた文字を受け取ろうとすると ttp://search.auctions.yahoo.co.jp/jp/search/auc?p= までしか受け取れません。他のエンコードを含んだURLも同様でした。記述したURLは頭のhを取っているので注意してください。省略されてしまうので。 php5.1.4です。どなたか御存じの方いらっしゃいましたらご教授お願いします。
変数について

htmlのソース上に変数をセットして外部javascriptでその変数を使いたいと考えています。 if(f[i].name.match(/変数を入れる/) ↑外部javascriptの//の間に変数を入れたいのですが、外部ファイルと、htmlソースにはどのように書けばいいのでしょうか。一応、講座等をみながら適当に以下のようにしてみましたが、駄目でした。 htmlソース <script type="text/javascript">  </script> <script type="text/javascript" src="name.js"> ↑の外部スクリプトには以下のように記述 if(f[i].name.match(/myWord/) javascriptはほとんど知識がないため、うまく説明できていないかもしれませんが、よろしくお願いいたします。
変数の中にjavascriptを埋め込む方法がわかりません

innerhtmlのテンプレートを使ってjavascriptを書こうとしてます。変数の中身はhtmlタグです。#****#を用意した文字列に置き換えるようにしています。しかし以下のように記述してもエラーとなってしまいます。(エラー';'がありません) \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ var template = '<p><span class="Date">#date#:</span><strong><a href="#" onclick="return GB_show('新着情報', '#link#', '500', '700')">#title#</a></strong><br />#description#</p>' \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ たぶんonclickの部分がおかしいと思うのですが、どうしておかしいのかわかりません。 "と'の使い方でしょうか？どうか教えていただけたら幸いです。
サブルーチンへの引数

フォーム内のチェックボックスすべてを一括でチェックする関数を作成しています。 JavaScript関数を呼び出す際の引数の受け渡し方について質問です。以下のようなソースで、関数を呼び出した場合、 alert(frmName)の時には"xxxxx"と表示されますが、 document.frmName.elements[i].checked = true; の時には、変数展開されずに、"frmName"として処理されているようです。変数ではなく、フォームのname属性値を直接記述すると動作します。エラーメッセージは「コード:0 エラー:'document.frmName.elements' は Null またはオブジェクトではありません。」となっています。何か解決方法はありますでしょうか？ ----JavaScript部分 //全てのチェックボックのチェックをON function chBxOn(frmName){ alert(frmName); for (var i=0; i<document.frmName.elements.length; i++){ document.frmName.elements[i].checked = true; } ---- 関数呼出部分 <form name="xxxxx"> <a href="javascript:chBxOn('xxxxx')">ON</a> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> </form>
javascript 初心者です　変数について

javascript 初心者です　変数について html内のbodyに次のように記述しています。 <script type="text/javascript">  </script> for(i=1;i<=4;i++)でdivを4つ並べ、その中にそれぞれsample.pngをhensu分だけ並べ対のですが、 for(j=1;j<="hensu"+i;j++)の部分で　"hensu"+i　の記述の仕方が分からず、上記の書き方だと表示されません。正しい書き方を教えていただけないでしょうか？
HTML内でJavaScriptの変数を使いたい

<script language="JavaScript">  で、msgにURLを代入して、 <form action="&{msg};" method="post"> フォームタグ内でその変数を使いたいのですが可能でしょうか。よろしくお願いします。
Javaのコードが組み込まれたJavaScriptの記述について

質問です。以下のソースをJavaScriptのみで実装したい場合、 var val; opener.document.form.str<%= Bean.getNum() %>.value = val[0]; まず、変数に以下のように格納したあと、 opener.document.form～はどのような記述になるのでしょうか？ var num = '<%= Bean.getNum() %>'; // 変数に格納宜しくお願いします。
JSPの中でJavaScriptの変数を使用

JavaScriptのファンクションの中で以下のような記述をして JavaScriptの変数をJSP内で使用できないかと考えています。三項演算子の中で javascript の変数　'k'　を使用しています。この場合、Eclipseのエディタ上ではエラーも出ずに正常に動くのですが var k の部分を　var num に変更して三項演算子ないでも 'num' としたら　「文字定数が無効です」というエラーが出てプログラムを動かそうとしてもできませんでした。変数名が1文字より多いと使えないのでしょうか。 function setMenuItem(n) { var k = <%= request.getAttribute("selectedIndexDbName") == null ? 'n' : request.getAttribute("selectedIndexDbName") %>; //データベース名プルダウンの選択 document.form.dbName.options[<%= request.getAttribute("selectedIndexDbName") == null ? 'k' : request.getAttribute("selectedIndexDbName") %>].selected = true; }
同じ名前の変数…

数日前からPHPをはじめた者です。クラス変数(という呼び方が適切かは？？)と、その変数に値をセット／ゲットする関数を内包するクラスを作ってみたのですが、それに関してどうもピンと来ない部分があるので質問させてください。以下がソースです。 class sample{ var $hensu; function set_hensu($str){ $hensu = $str; } function get_hensu(){ return $hensu; } } 上記クラスを使って値のセット／ゲットをしようとしたのですが、結果は×でした。ファンクション内の変数を、thisで指定するとうまく行きました。最初に指定した変数と、ファンクション内の変数を同一のものだと認識させるには、ファンクション内でのthis指定の他に方法は無いのでしょうか？もしくは、ファンクション内で書いた変数が新しい変数だと認識させない方法とか…。無いなら諦めます。よろしくお願いします。また、直接質問とは関係ないのですが、どうしてPHPは変数名を書いただけで変数が作られてしまうのでしょう。メリットは何ですか？分かりづらくて戸惑ってます。
JavaScriptでhtml内の変数の値を参照す

るにはどうしたらいいですか？現在JavaScriptでieのとある作業を自動化しているのですが、次のURLにジャンプする作業が上手くいきません。次のURLの計算式は既にわかっているのですが、そのためには下記のようなスクリプトのタグで囲まれた部分にある要素paramsを取り出せなければできません。 <script type="text/javascript" language="JavaScript"> var params = {"NextURL":"http://test.com&gssid=c86800203ab0b0c91901940837ff00e6","FL":"3","BF":"1","KL",:"3"}; </script> タグ内の情報でしたらdocument.getElementById()などで指定すれば取り出せるのですが、タグで囲まれた変数を取り出すにはどうすればよいのでしょうか。
外部ファイル名を変数で指定できるか？

JavaScriptで参照する外部ファイルを、ヘッダー部で以下のように記述しています。 <script language="JavaScript" src="Data.js"></script> このsrc=で、指定するファイルを、変数で指定することは可能でしょうか？試しに <script language="JavaScript">  </script> と記述しても、エラーとなってしまいました。変数を使いたい理由は、ラジオボタン等を使って、参照する外部ファイルを動的に切り替えたいのです。よろしくお願いします。
JQueryの変数の扱いで弱っています。

お世話になります。 JQuery初心者です。３日程、ハマリ、行き詰まったので、相談させて下さい。アマゾンのレビューの「レビューは参考になりましたか？」「はい」「いいえ」の様なものを作りかけています。その際、以下の様な記述をしています。（肝心な部分抜粋） ---------------------------------------------- 大元　　　正常に稼働 ----------------------------------------------  <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript">  </script> </head> <body> <form id="form1" method="post" action="">　　　　//●●●#form1とはコノ部分 <select name="option"> <option value="yes" selected>参考になった</option> <option value="no">参考にならなかった</option> </select> <input type="submit" name="submit" value="投票する"/> </body> </html> ---------------------------------------------- 上記の記述で正常に稼働しています。が、1つのページにフォームを複数作り、それぞれのフォームにIDをふって、それぞれ正常に稼働させたいのです。そこで、javascriptの $("#form1").submit(function() {　ここの　　　#form1　　　部分を変数にして、複数のフォームに対応させたいと思っています。が！以下の様に改良したところ、正常に稼働しません。 ---------------------------------------------- 以下、改良部分　　　うまく稼働せず ---------------------------------------------- -------javascript部分 $("input").click(function(){ //●●●ここを改良変数作成 id2= $(this).attr("class"); sharp="#form"; id3 = sharp + id2; }); $("id3").submit(function() {　　　　　　　//●●●ここを改良変数指定 -------フォーム部分 <form id="form1" method="post" action=""> <input type="submit" name="submit" value="投票する" class="1"/>　　　　　//●●●ここを改良 class="1"　を追加 ------------------------------------------------- つまり、classの「1」をjavascript部分で読み取って、#form　の文字列と組み合わせて　　　　#form1 として、機能させたいのですが、うまくいきません。（何故か、$("#form"+id2)　の部分がうまく機能しません。） ※要は複数のフォームのidに、１つのjavascriptで対応させたいだけで、上記の様な、まわりくどいやり方には全くこだわっていません。どうか、迷える子羊に愛の手を！
javascriptのURL部分に引数を渡したい

<script type="text/javascript" src="URL"></script>　の　URL部分に引数を渡したいのですが、どうしたらよいですか？イメージとしては、webページのどこかに <script type="text/javascript"> var keyword='キーワード'; </script> みたいにあって、次に <script type="text/javascript" src="URL&key=keyword"></script> とURLにパラメータを引数としてつけたいのです。初心者で申し訳ありません。どなたか教えてください。
javascriptで外部ファイルをヒアドキュメントっぽくインクルード

javascriptで外部ファイルをヒアドキュメントっぽくインクルードしたいのですが、うまくいきません。どこがいけないのでしょうか？ ■JavaScriptでヒアドキュメントを使うライブラリを作った。 - こせきの技術日記 http://d.hatena.ne.jp/koseki2/20080112/jsheredoc を参考にしているのですが、掲載内容が理解できません。とりあえず、下記記述としたところ、外部ファイルをインクルードでき、表示もされるようにはなったのですが、 Firefoxで読み込み完了とならず、いつまで経っても読み込み中のままとなってしまいます。(恐らく完全に正常に処理されているのではなく、どこかの処理で引っかかったままなのだと思います) どう直せばよいのでしょうか？ ■index.html <script type="text/javascript" src="heredoc.js"></script> </head> <body> <script type="text/javascript"> var callback = function(values) { document.write(values.str); } Heredoc.load("./templates_02.txt", callback); </script> </body> ■templates_02.txt var str=<<EOT sssssss ddddddd2 <a href="http://www.yahoo.co.jp/">YAHOO</a> EOT
<aタグで変数に文字を代入

JavaScriptをはじめて勉強し始めました。今、変数のやり取りについて勉強しているのですが、 http://aaabbb.com/aaa/bbb.zip というアドレスがあったとして、 <script type="text/javascript">  </script> 上の『urldata』にhttp://aaabbb.com/aaa/bbb.zipを代入したいのです。でも、タダ代入するだけでなく、 <a href=""></a>で代入したいのです。つまり、リンクをクリックすると、http://aaabbb.com/aaa/bbb.zipがurldataに代入されるようにしたいのですが・・・どう書けばいいのかが分かりません。ためしに書いてみても、全然代入されませんでした。 <a onclick="urldata='http://aaabbb.com/aaa/bbb.zip';out()" href="#">テスト</a> すみませんが、ご教授ください

queryselector()メソッドの引数に変数

質問者が選んだベストアンサー

関連するQ&A

引数？が分かりません。教えてください。お願いします。

関数の引数とグローバル変数について

htmlから変数を渡すには？

JavaScriptにPHPの変数

グローバル変数とローカル変数について

エンコードされたURLをGETメソッドで受け取るには？

変数について

変数の中にjavascriptを埋め込む方法がわかりません

サブルーチンへの引数

javascript 初心者です　変数について

HTML内でJavaScriptの変数を使いたい

Javaのコードが組み込まれたJavaScriptの記述について

JSPの中でJavaScriptの変数を使用

同じ名前の変数…

JavaScriptでhtml内の変数の値を参照す

外部ファイル名を変数で指定できるか？

JQueryの変数の扱いで弱っています。

javascriptのURL部分に引数を渡したい

javascriptで外部ファイルをヒアドキュメントっぽくインクルード

<aタグで変数に文字を代入

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

queryselector()メソッドの引数に変数

質問者が選んだベストアンサー

関連するQ&A

引数？が分かりません。教えてください。お願いします。

関数の引数とグローバル変数について

htmlから変数を渡すには？

JavaScriptにPHPの変数

グローバル変数とローカル変数について

エンコードされたURLをGETメソッドで受け取るには？

変数について

変数の中にjavascriptを埋め込む方法がわかりません

サブルーチンへの引数

javascript 初心者です 変数について

HTML内でJavaScriptの変数を使いたい

Javaのコードが組み込まれたJavaScriptの記述について

JSPの中でJavaScriptの変数を使用

同じ名前の変数…

JavaScriptでhtml内の変数の値を参照す

外部ファイル名を変数で指定できるか？

JQueryの変数の扱いで弱っています。

javascriptのURL部分に引数を渡したい

javascriptで外部ファイルをヒアドキュメントっぽくインクルード

<aタグで変数に文字を代入

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

javascript 初心者です　変数について

カテゴリ
一覧

専門家に質問してみよう
専門家登録