2012-12-22から1日間の記事一覧

floatを使ったレイアウト19

☆★データーでの確認★☆三段目のボックスを配置する ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>三段目のボックスを配置する</title> <link rel="stylesheet" href="css/style19.css" media="screen,print"> </head> <body> <div id="container"> <div id="header"> &lt;header&gt;<br>1段目<br> </div></div></body></html>

JavaScript

変数 ブラウザのアラートボックスに「答え」を表示することができる。 ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>JavaScriptを使った計算</title> </head> <body> // [ HTML ]内に[ script ]を埋め込む場合[ /body ]のすぐ上に置く // alert();[ Ctrl+space(Dwの支援機能) ] <script> alert((150*2+120*2)/2) </script> </body> </html> …

alertメソッド

☆★データーでの確認★☆alertメソッド 警告ダイアログを表示 windowオブジェクトのalertメソッド windowオブジェクトの記述を省略可能(自動的にwindowオブジェクトが割り当てられる) window.alert() ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>メソッド</title> </head> <body> <p>ボタンをクリックしてくださ</p></body></html>…

fgColorプロパティ

☆★データーでの確認★☆fgColorプロパティ 文字の色を参照・設定します。 ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>プロパティ</title> </head> <body onLoad='window.defaultStaus="色の設定"'> <script type="text/javascript"> <!-- document.fgColor='#f00'; document.bgColor='#eee'; //--> </script> <p>文字色と背景色を変更しま…</p></body></html>

writeメソッド

☆★データーでの確認★☆writeメソッド 文字列を書き出す。 window.document.write() ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>JavaScriptの練習</title> </head> <body> <script type="text/javascript"> <!-- document.write('<h1>Hello JavaScript!<\/h1>'); //--> </script> </body> </html> ブラウザで表示

if文

if文 ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>if文</title> </head> <body> <script> a=5; if(a%2==0){ document.write(a,'は偶数です。'); }else{ document.write(a,'は奇数です。'); } </script> </body> </html> ブラウザで表示

if文02

if文 ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>if文</title> </head> <body> <script> a=5; if(a%2==0){ alert(a,'は偶数です。'); // 別記述 /* alert(a+'は偶数です。') */ }else{ alert(a,'は奇数です。'); // 別記述 /* alert(a+'は奇数です。'); */ } </script> </body> </html> ブラウザで表示【 alert 】

ブロック

☆★データーでの確認★☆ブロック 《if_else.html》 ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>if文</title> </head> <body> <script> s=65; document.write('あなたの点数は',s,'点です。<br>'); if(s<70){ document.write('平均まであと',(70-s),'点<br>'); document.write('がんばりましょう!'); }else{ document.write('</body></html>…