No.3ベストアンサー
- 回答日時:
document.write は再利用できないので、HTMLDivElement.innerHTML で置き換えましょう。
表示する処理は再利用するので、関数化しましょう。
関数を呼ぶタイミングとして DOMContentLoaded のイベント処理を書きましょう。
ボタンにも click のイベント処理を書いて、関数を呼びましょう。
例:
<script>addEventListener('DOMContentLoaded', function(){
var Q = function(id){return document.getElementById(id)};
var messages = [ '<b>A</b>', '<b>B</b>', '<b>C</b>' ];
function displayRandomMessage() {
var no = messages.length * Math.random() | 0;
Q('test').innerHTML = messages[no];
}
Q('rewrite').onclick = displayRandomMessage;
displayRandomMessage();
}, false)</script>
No.2
- 回答日時:
>ページが開いた時点では処理が行われておらず
ページを開いた時点では、情報が全く伝わっていません。デフォルトの表示になります。
フォームの内容に応じて表示を変更する場合には「パラメータ」も一緒に送信すること必要です。
http://www.tam-tam.co.jp/tipsnote/javascript/pos …
No.1
- 回答日時:
こんばんは
HTMLのみではそのような処理はできません。
このソースでは単に「A,B,Cのどれかを表示する処理」が表示されるだけです。
"PHP"や"JavaScript"などの追加の知識が必要となります。
補足要求です。
「ページを開いたときに…」の処理をもう少し詳細に説明していただければ(機密に触れない範囲で)、より具体的な回答が出来ます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 指定したパスが現URLに含まれていたら特定要素を削除するJavascriptのコードを教えてください 2 2023/04/27 17:58
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
HTMLボタンの文字色を変え...
-
input button の文字の色を2色...
-
htmlで画面遷移させたい
-
INPUTのボタン周囲のスペース
-
getParameterで値が取得できず...
-
submitボタンにvalue属性の値で...
-
htmlでsubmit送信時、actionよ...
-
グーグルマップの文字化けで困...
-
ASP.NET ブラウザでボタンが表...
-
checkboxとlabelがずれる
-
[html]<input type="file">タグ...
-
ボタンを押さずにボタンを押す...
-
戻ると、記入フォームの内容が...
-
<FORM> </FORM> の中に さらに...
-
HTMLのボタンで他サイトへ...
-
Accessの画面更新を一時的に停...
-
画面遷移が不正ですと表示されます
-
コネクション・セッション・ト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
checkboxとlabelがずれる
-
submitボタンにvalue属性の値で...
-
ボタンをクリックした時に、入...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
ボタンのなかに表示する文字を...
-
UWSC
-
グーグルマップの文字化けで困...
-
HTMLだけでボタン作成
-
<FORM> </FORM> の中に さらに...
-
INPUTのボタン周囲のスペース
-
ボタンリンクの文章を二行に・・・
-
inputのtextとsubmitの高さがズ...
-
ボタンを押さずにボタンを押す...
-
戻ると、記入フォームの内容が...
-
formの送信ボタンをテキストに...
-
どのボタンが押されたかの判定
-
ただいま勉強始めたての初心者...
おすすめ情報
<div id="test">
<script type="text/javascript">
<!--
var msg = new Array();
msg[0] = '<b>A</b>';
msg[1] = '<b>B</b>';
msg[2] = '<b>C</b>';
var no = Math.floor(Math.random() * msg.length);
document.write(msg[no]);
// -->
</script>
</div>
<form>のボタンを押したら上記の処理がもう一度行われ、画面全体は更新されず<div>の中だけが更新される部分的な更新をしたいのです。
調べてもページが開いた時点では処理が行われておらず、ボタンを押した後に処理が行われるor更新ボタンを押すと画面全体が更新されるものばかりだったので質問させて頂きました。
getElementはとても使えそうですね。
勉強してきます。ありがとうございました。
getElementはとても使えそうですね。
勉強してきます。ありがとうございました。