Web Memo/Java Script Tips のバックアップの現在との差分(No.3)

バックアップ一覧
差分を表示
ソースを表示
バックアップを表示
Web Memo/Java Script Tips へ行く。
- 1 (2009-06-11 (木) 03:14:56)
- 2 (2009-07-21 (火) 05:55:21)
- 3 (2009-07-22 (水) 03:52:27)

追加された行はこの色です。
削除された行はこの色です。

*JavascripのTips [#hfca5d44]

RIGHT:更新日&lastmod();

**ページの書き換え(innerHTML) [#r48d6db5]

 <div id="WORD1">この部分を書き換える</div>
 （書き換えたい行をdivで指定し、IDをつける。）
 
 
 <INPUT TYPE="button" VALUE="変更" onClick="javascript:WORD1.innerHTML = '新しい文章';">

**Text ボックスの文字色を変更 [#r1ba6684]

 <SCRIPT LANGUAGE="JavaScript">
 function ketaItem(){
     document.form.text1.style.color="red";
 }
 </SCRIPT>
 
 <FORM NAME="form"> 
 <INPUT TYPE="text" NAME="text1" SIZE=20 onChange="ketaItem()">
 </FORM>

または

''idでオブジェクトを指定''

 <SCRIPT LANGUAGE="JavaScript">
 function ketaItem(){
     text1.style.color="red";
 }
 </SCRIPT>
 
 <INPUT TYPE="text" id="text1" SIZE=20 onChange="ketaItem()" />

**XHTMLでの表記 [#y05cbcd9]

 <script type="text/javascript">
 // <![CDATA[
  for (var i = 1; i < 10; i++) {
    document.write("値は" + i + "，");
  }
  document.write("<p>ここが<a href=\"./page.html\">リンク<\/a><\/p>");
 // ]]>
 </script>
 </p>

javascriptで</a>で閉じタグは</script>と間違われるのエスケープする必要がある。
また//<![CDATA[ ]]>//がないとXHTMLではエラーする

***参考 [#h0f55f69]

http://www15.plala.or.jp/uhyo_/javascript/6_1.html