- ベストアンサー
変数をHTML内で表記する方法
.jsファイル内で定義した変数をHTML内で表記するためにはどうすればいいでしょうか？ 例えば、test.js内に function test{ var abc = "こんにちは"; } という関数があったとするとこの関数内にあるabcを動的にHTMLに表示させるためにはどうすればいいでしょうか HTMLでないと駄目なのでdocument.write等は使用出来ません。 よろしくお願い致します。
- GermanGray
- お礼率0% (0/1)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- SSIをJavascriptの変数に割り当てる方法
はじめまして！JavaScriptで質問があります。 JavaScriptで質問があります。 以下のようなwindowを生成し、HTMLを出力するJavaScriptコードをJSファイルとして登録し、 <script type="text/javascript" src="..."></script> で参照しています。 JSファイル内の[[ここに改行コード]]はSSIファイルを読み込んでいます。 SSIファイルの内容は改行コード、"（ダブルクォーテーション）を含んでいます。 この場合win.document.write(に続く'（シングルクォーテーション）で囲った文字列が改行してしまうので、 JavaScriptエラーとなってしまいます。 このエラーを解決できる手段はないでしょうか。 ↓JSファイル ---------------------------------- function windowOpen() { var win; win = window.open(); win.document.write('<html><head><title>title</title></head><body>[[ここに改行コード]]</body></html>'); } ---------------------------------- function内で以下のようにコメントを出力し、windowOpenの関数のコードを読み取ることができれば、 windowOpenCommentStart～windowOpenCommentEndまでの文字を切り取り、変数に代入することができる のですが、関数のコードを取得することなんてできませんよね。。 ---------------------------------- function windowOpen() { /* windowOpenCommentStart [[ここに改行コード]] windowOpenCommentEnd */ var win; win = window.open(); win.document.write('<html><head><title>title</title></head><body>' + [[ここに改行コードを変数化]] + '</body></html>'); } ---------------------------------- JSファイル内に[[ここに改行コード]]を出力することが条件ですが、 どんな方法でもよいので実現する方法はないでしょうか。 環境：WindowsXP ブラウザ：IE6,FireFox2
- ベストアンサー
- JavaScript
- JavaScript内にJavaScriptを読み込む方法
HTML内に <script type=\"text/javascript\" src=\"main.js\"></script> という一行を追加すると、バナーが表示されるというスクリプトを作成しています。 main.jsは、 html = \'<script language=\"JavaScript\">\'; html += \'var url0101 = \"url01.xxx.jp\";\'; html += \'var url02 = \"url02.oooo.jp\";\'; html += \'</script>\'; html += \'<script language=\"JavaScript\" src=\"http://xxx.xxxx.xxx/test.js\"></script>\'); html += \'<script language=\"JavaScript\">\'; html += \'Function01(\"check\")\'; html += \'</script>\'; document.write(html); というような風になっており、 (1) 変数の宣言 ↓ (2) http://xxx.xxxx.xxx/test.jsの読み込み ↓ (3) (2)で読み込んだjs内の関数Function01を実行 という流れです。 FireFoxでは表示されましたが、IE6では (2)のjsを読み込む前に(3)のFunction01が実行され、 「オブジェクトを指定してください」のエラーが表示されてしまいます。 よい方法がありましたら教えていただけますでしょうか？ よろしくお願いします。
- 締切済み
- JavaScript
- JavaScript内にJavaScriptを読み込む方法
HTML内に <script type="text/javascript" src="main.js"></script> という一行を追加すると、バナーが表示されるというスクリプトを作成しています。 main.jsは、 html = '<script language="JavaScript">'; html += 'var url0101 = "url01.xxx.jp";'; html += 'var url02 = "url02.oooo.jp";'; html += '</script>'; html += '<script language="JavaScript" src="http://xxx.xxxx.xxx/test.js"></script>'); html += '<script language="JavaScript">'; html += 'Function01("check")'; html += '</script>'; document.write(html); というような風になっており、 (1) 変数の宣言 ↓ (2) http://xxx.xxxx.xxx/test.jsの読み込み ↓ (3) (2)で読み込んだjs内の関数Function01を実行 という流れです。 FireFoxでは表示されましたが、IE6では (2)のjsを読み込む前に(3)のFunction01が実行され、 「オブジェクトを指定してください」のエラーが表示されてしまいます。 よい方法がありましたら教えていただけますでしょうか？ よろしくお願いします。
- 締切済み
- JavaScript
- getElementByIdを使用したグローバル変数の定義（使い方について）
グローバル変数の定義について教えてください。 getElementByIdを、グローバル変数で使用することはできないのでしょうか？ 【グローバル変数（整数）】の場合 ------------------------------------------------- //グローバルで整数を定義 var a = 10; function test(){ alert(a.value); } 結果：「10」が表示される。 ------------------------------------------------- 【グローバル変数（getElementByIdを使用)の場合】 ------------------------------------------------- //グローバルでgetElementByIdで取得したオブジェクトを定義 var a = document.getElementById("objname"); function test(){ alert(a.value); } 結果：「null」 が表示される。 ※a = document.getElementById("objname"); でも同様。 ------------------------------------------------- 【ローカル変数（getElementByIdを使用)の場合】 ------------------------------------------------- function test(){ //ローカルでgetElementByIdで取得したオブジェクトを定義 var a = document.getElementById("objname"); alert(a.value); } 結果：「画面入力値」 が表示される。 ------------------------------------------------- このように getElementByIdで取得したオブジェクトを、 グローバル変数として扱った場合、nullとなるので困っています。 getElementByIdで取得したオブジェクトを、 グローバル変数として扱う良い方法はないでしょうか？ 【環境】 OS:WindowsXP Pro 使用JavaScript：外部ファイルのjavaScript
- ベストアンサー
- JavaScript
- JavaScripty変数をHTMLで利用
御教示くださいませ。 JavaScriptで作成した変数をHTML内で利用したいと思います。 HTML内での利用の際、document.writeや、getElementByIdなどは利用しない方法がないかと 模索しております。 以下が実装したい例です。 ※一部記載省略 ------------------ <script> var yourname = "山田"; var param = "abc"; </script> <body> あたなの名前は●です。 <a href="./index.php?room=■">コチラ</a>から。 </body> ------------------ ●には山田、 ■にはabc と表示させたいと考えております。 お忙しいところ申し訳ありませんが、御教示のほどお願いいたします。
- 締切済み
- JavaScript
- HTML上での変数の入力
例えば日付を得る関数getdateがあったとします。 この変数をHTML上で受け取る方法をずっと考えています。 <var> dt=getdate </var>のようにするのかと思ったら全然違うようです。 そもそもHTML上で変数って取り扱いができるのでしょうか？ 最初は簡単かなと思っていたのですが、なかなか難しくなってきました。
- ベストアンサー
- JavaScript
- 関数の引数とグローバル変数について
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(); } もしかすると、関数の引数にはグローバル変数を指定することができないのでしょうか？ 何かうまいやり方はあるでしょうか？ プログラミング自体が勉強し始めたばかりなので、 おかしなソースの書き方をしているかもしれませんのが、 ご教授、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- グローバル変数以外も変数は残り続ける？
https://okwave.jp/qa/q9323518.html の続き var stoppingNow = false; がグローバル変数になっていないので仕様上はページ読み込み時に実行されて処理が終わった瞬間に この変数は削除されて使えなくなると聞いたのですが、 なぜかpauseBtnを押した後に、playBtnを押すと問題なく使えてしまいます。 グローバルにない変数は、stoppingNow = true;を実行してもそんな変数もうないとなるはずなのですよね？ それともグローバルにない変数も残っていて、代入の処理よりも上、ないしは親のスコープにあれば使えるのが仕様なのですか？ (function () { var stoppingNow = false; var pauseBtn = document.getElementById('js-pause-btn'); pauseBtn.addEventListener('click', function () { clearTimeout(it); stoppingNow = true; }); var playBtn = document.getElementById('js-play-btn'); playBtn.addEventListener('click', function () { if (stoppingNow === true) { iterative(); stoppingNow = false; } }); } myChange(); })();
- 締切済み
- JavaScript
- 動的変数は作れますか？
動的変数は作れるでしょうか？ 不可能な場合、通常配列にするのが一般的でしょうか？ ■呼び出し onClick="a(2)"; ■関数 function a(m){ test2 = "abc"; alert(test+m); } 期待する出力結果：abc は無理でした。以下が普通でしょうか？ function a(m){ test[2] = "abc"; alert(test[m]); }
- ベストアンサー
- JavaScript
- HTMLのソースの取得・正規表現
プログラム自体始めて間もない初心者です。 javascriptでHTMLのソースを取得して、正規表現でマッチしたURLを書き出したいと思います。 取得したソースから正規表現で抽出はできましたが、さらに手を加えると機能しませんでした。 下記test-1では「http://abc.com/」と表示されましたので思った通りに動きました。 しかし、test-2では「http」と表示されると思っていたところ、表示されませんでした。 この違いはなんでしょうか？ //////////////////// test-1 <html> <head> <script type="text/javascript"> function test(){ aaa = document.getElementsByTagName("html")[0].innerHTML; bbb = aaa.match(/http:\/\/abc\.com\//); document.write(bbb); } </script> </head> <body> <input type="button" onclick="test()"> <a href="http://abc.com/"> </body> </html> //////////////////// test-2 function test(){ aaa = document.getElementsByTagName("html")[0].innerHTML; bbb = aaa.match(/http:\/\/abc\.com\//); ccc = bbb.match(/http/); document.write(ccc); }
- ベストアンサー
- JavaScript
