どなたか教えていただきたいのですが…。
JavaScriptの記述には、
「onClick」や「onMouseOver」や「onChange」などといった
大小文字混合の単語がありますが、これらは定型語なんでしょうか?
「onclick」「onmouseover」「onchange」でも大丈夫なんでしょうか?
それから、単語間のアキは必要なんでしょうか?

こういった超初歩的なことの書いてある本(あるいはサイト)が見あたらないのです。
いきなり「これをこう書くとこうなります」となっているだけなので…。
どなたかご存じの方がおられたら教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

Java Scriptの仕様としては、先に回答があるように、大文字小文字/全角半角を区別します。


onOpen などのHTML中に書く部分については一般的に、Internet Explorerは大文字小文字の判別をしない傾向にあるようです。
対して、Netscape Navigatorは厳密に区別する傾向があるようですね。

従って、作り方によっては「IEでは普通に動くが、NNでは全然動かない」的なプログラムが、いとも簡単に作れてしまいます。
IEでもNNでも動くJava Scriptを作ろうと思えば、NNを使ってデバッグせざるを得ないですね。

他にも、IEではFrameオブジェクトにonOpenが設定できるが、NNではできないとか、細かい違いがあるみたいです。
    • good
    • 0
この回答へのお礼

貴重な回答、ありがとうございました!

お礼日時:2001/03/09 12:49

補足として、onclick、onchange 等のイベントハンドラは、全部小文字でも機能します。

    • good
    • 0
この回答へのお礼

わざわざ、ありがとうございます。
みずからコツコツ試してみればいいんでしょうが、「それにはまず手許に一冊!」と思い、自分の疑問(今回の質問のようなこと)を目安にして本を物色していたんです。
ところが、なかなかそのことに触れているものがなかったのです。
図書館で借りた本(Internet Language2 JavaScript入門 河西朝雄著 技術評論社)には、たしか出てなかったと思います。
…いやだな、出てたのかな、どうも自信がなくなりました。
もう一度、今度は入門書ではなく、リファレンス式のものを探してみるつもりです。

お礼日時:2001/03/09 01:00

「こういった超初歩的なことの書いてある本が無い」なんてことないでしょう。


JavaScriptのリファレンス本には必ず書いてあります。

で、基本的には大小文字は区別されますし、単語の区切りは半角スペースです。このへんは試してみれば判りますね。

JavaScriptを始められるならリファレンス本一冊勝っておいたほうがいいですね。JavaScript辞書みたいな感じの。
    • good
    • 0
この回答へのお礼

>基本的には大小文字は区別されますし、単語の区切りは半角スペースです。

ああ、それが知りたかったのです。
どうもありがとうございました。
それにしても…、そうですか、書いてありますか、こういったこと。
うーん、このことについて触れてある本を買おうと思って、本屋で探してはいたんですよ、本当です。
探し方が中途半端だったようです。
お手数かけました。

お礼日時:2001/03/09 00:34

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qonclickとonmouseoverを同時に使用したい

onclickを押すと隠れた文章が展開(もう一度押すと閉じる)
onmouseoverでもカーソルを合わせると、同じく隠れた文章が
展開されるスクリプトを探しています。

スクリプト自体あれば最高ですが
これのスクリプトを用意するのに
適しているなぁと思われるサイトなどを
お教えください。よろしくお願いします。

Aベストアンサー

<html>
<head><style>.hide{display:none}</style></head>
<body>
質問の表現は<a href="#" id="a" onClick="viewStr('b')" onMouseOver="viewStr('b')">自由</a>
<span id="b" class="hide">【Freedom】</span>
だが、多くの場合それは、自分以外には伝わらない。<br/>
<br/>
</body>
<script>
function viewStr(o){
obj = document.getElementById(o);
obj.style.display=(obj.style.display!='inline')?'inline':'none';
}
</script>
</html>

QonChange に関して

onChange に関して

わかりにくい内容で申し訳ありません。

PHPで作成されているプログラムの中に、Javascriptを組み込みたいと考えています。

処理の動きとしては、あるプルダウンが選択された場合、すぐさまその値をもとにしてDBへ
検索しに行くというものです。

通常、PHPだけの処理の場合、POST等を用いて、ボタンが押されたら違うphpファイルへ値を
送る事が可能かと思われます。


その処理をJavascript で選択されたらすぐに検索、表示というような動きをしたいと考えて
います。

同じソースの中でなら、例えば選択された値を別のテキストに表示するというような事はした
事はありますが、そもそもJavascript でPUT 処理のような事は可能なのでしょうか???

初歩的な質問で申し訳ありませんが、教えて下さい。

よろしくお願いします。

Aベストアンサー

XMLHttpRequest(Ajax) の解説を下記URLにまとめました。

XMLHttpRequest()
http://vird2002.s8.xrea.com/test/XMLHttpRequest.html


yurix_1さんは継続質問されているようなので、リンクを貼っておきます。

ajax でのデータ受け渡しに関して | OKWave
http://okwave.jp/qa/q6058023.html

# fujillinさん のおかげで気が付きました。感謝!

Qonchangeイベントを強制的に発生させる

お世話になります。
onchangeイベントをjavascriptで強制的に動作させたいと思っております。

発生させたい場合
・ユーザーがtextボックスを入力
・リンクボタンを押下した場合

簡単なことなのかもしれませんが、
ご教授よろしくお願いいたします。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<script type="text/javascript">

function change(){
alert('test');
}

function update(){
document.getElementById('1').value = "update";
document.getElementById('1').onchange = change;
}


</script>

<input id="1" type="text" value="1" onchange="change();">

<a href="javascript:update();">update</a>

お世話になります。
onchangeイベントをjavascriptで強制的に動作させたいと思っております。

発生させたい場合
・ユーザーがtextボックスを入力
・リンクボタンを押下した場合

簡単なことなのかもしれませんが、
ご教授よろしくお願いいたします。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<script type="text/javascript">

function change(){
alert('test');
}

function update(){
document.getElementById('1').value = "update";
document.getElementById('1').onchan...続きを読む

Aベストアンサー

回答は出てますが・・・onchangeにこだわるなら、

document.getElementById('***').onchange();

()を付ければ呼び出せます。(Windows FireFox2、Opera8で確認)


var f = document.getElementById('***').onchange;
f();

IE6の場合はいったん変数に代入する必要があるようです。

Qonmouseover、onmouseoutとはどのような状況を指すのですか?

例えば、
<div onmouseover="a()" onmouseout="aa()">
<br>
<a onmouseover="b()" onmouseout="bb()">あああ</a><br>
<br>
<span onmouseover="c()" onmouseout="cc()">いいいい</span>
<p>ううううう</p>
</div>
<a>,<span>,<p>の間に空白があります。このようなときに<a>から<span>にマウスカーソルが移動したとします。
この時にdivのa()は実行されるのでしょうか。
それともaa()も実行されるのでしょうか教えてください。

Aベストアンサー

aa()は、divの範囲を出ていませんので実行されません。
a()は、別のイベントでイベントが捨てられた場合実行されないですが、そうでない場合は実行されると思います。
試してはいないので間違っているかもしれません。
実行して試してみるのが一番かと思います。

Qhtml onchange

下記のコードでf002は動きますが、f001が動きません。

scriptで作ったオプションメニューもonChangeが働くようにするには、いかがしたらよろしいでしょうか?


<script language="JavaScript"><!--

function f001(){
if (document.test.s1.value==2) alert("2が入力されました");
}

function f002(){
if (document.test.s2.value==2) alert("2が入力されました");
}

var i,ht=[];

i=0;
ht[i] = '<select onChange="f001()" id="s1" >';
for( var i=1; i<=5;)
ht[i] = '<option value='+(i)+(i==1?' selected':'')+'>'+(i++)+'</option>';
ht[i] = '</select>';
document.write('s1 =', ht.join(''));

// --></script>

<form name="test">
s2 =
<select onChange="f002()" id=s2>
<option value=1 selected>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>
</form>

下記のコードでf002は動きますが、f001が動きません。

scriptで作ったオプションメニューもonChangeが働くようにするには、いかがしたらよろしいでしょうか?


<script language="JavaScript"><!--

function f001(){
if (document.test.s1.value==2) alert("2が入力されました");
}

function f002(){
if (document.test.s2.value==2) alert("2が入力されました");
}

var i,ht=[];

i=0;
ht[i] = '<select onChange="f001()" id="s1" >';
for( var i=1; i<=5;)
ht[i] = '<option value='+...続きを読む

Aベストアンサー

>どうやって内側に入れたらよろしいのでしょうか?

難しく考えずにformのなかにスクリプトタグを書けばいいですよね。
一応functionは分けておきます。

<script>
function f001(){
if (document.test.s1.value==2) alert("2が入力されました");
}
function f002(){
if (document.test.s2.value==2) alert("2が入力されました");
}
</script>

<form name="test">
<script>
var i,ht=[];
i=0;
ht[i] = '<select onChange="f001()" id="s1" >';
for( var i=1; i<=5;)
ht[i] = '<option value='+(i)+(i==1?' selected':'')+'>'+(i++)+'</option>';
ht[i] = '</select>';
document.write('s1 =', ht.join(''));
</script>
s2 =
<select onChange="f002()" id=s2>
<option value=1 selected>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>
</form>

>どうやって内側に入れたらよろしいのでしょうか?

難しく考えずにformのなかにスクリプトタグを書けばいいですよね。
一応functionは分けておきます。

<script>
function f001(){
if (document.test.s1.value==2) alert("2が入力されました");
}
function f002(){
if (document.test.s2.value==2) alert("2が入力されました");
}
</script>

<form name="test">
<script>
var i,ht=[];
i=0;
ht[i] = '<select onChange="f001()" id="s1" >';
for( var i=1; i<=5;)
ht[i] = '<option value...続きを読む


人気Q&Aランキング

おすすめ情報