ウェブ学のすすめ

Study of Web Design & Programing

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

ボタンをクリックするとアラートに「Hello JavaScript!」と表示させるJavaScript【J09】

ボタンをクリックするとアラートに「Hello JavaScript!」と表示させるJavaScript - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J09</title> <script type="text/javascript"> <!-- function hello(){ alert('Hello JavaScript!'); } //--> </script> </meta></head></html>

JavaScript関連用語確認【J08】

課題 次の語句を説明しているものを選びなさい。 (1)onload (2)( ) (3)alert (4);(a)ポップアップウィンドウにメッセージを表示する (b)JavaScriptのコードの行の終端 (c)ウェブページの読み込み完了を示す (d)関数に渡される情報を囲む引用…

「h1要素」と「p要素」をJavaScriptで記述【J07】

「h1要素」と「p要素」をJavaScriptで記述 - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J07</title> </head> <body> <script type="text/javascript"> はじめてのJavaScript<\/h1>'); document.write('<p>ゼロからJavaScriptを記述できるように練習しま…</p></body></html>

ボタンをクリックしたらアラートで答えを表示するJavaScript(function使用)【J06】

ボタンをクリックしたらアラートで答えを表示するJavaScript(function使用) - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J06</title> <script type="text/javascript"> <!-- function Ans(){ var answer = 'You Tube'; alert(answer); } //--> </script> </meta></head></html>

クリックでアラートを表示するJavaScript(function使用)【J05】

クリックでアラートを表示するJavaScript(function使用) - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J05</title> <script type="text/javascript"> <!-- function Img(){ alert('海'); } //--> </script> <style type="text/css"> img { cursor: pointer; } <…</meta></head></html>

ページを開いた瞬間にアラートを表示するJavaScript【J04】

ページを開いた瞬間にアラートを表示するJavaScript - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J04</title> <style type="text/css"> img { cursor: pointer; } </style> </head> <body> <img src="sea.jpg" width="450" alt="海" onload="alert('海')"> </body>…</html>

マウスアウトでアラートを表示するJavaScript【J03】

マウスアウトでアラートを表示するJavaScript - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J03</title> <style type="text/css"> img { cursor: pointer; } </style> </head> <body> <img src="sea.jpg" width="450" alt="海" onMouseOut="alert('海')"> </body></html>

マウスオーバーでアラートを表示するJavaScript【J02】

マウスオーバーでアラートを表示するJavaScript - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J02</title> <style type="text/css"> img { cursor: pointer; } </style> </head> <body> <img src="sea.jpg" width="450" alt="海" onMouseOver="alert('海')"> </body></html>

クリックでアラートを表示するJavaScript(function不使用)【J01】

クリックでアラートを表示するJavaScript(function不使用) - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J01</title> <style type="text/css"> img { cursor: pointer; } </style> </head> <body> </body></html>

writeメソッド

writeメソッド - jsdo.it - share JavaScript, HTML5 and CSS ポイント 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>

alertメソッド

alertメソッド - jsdo.it - share JavaScript, HTML5 and CSS ポイント alertメソッド 警告ダイアログを表示する コード <html lang="ja"> <head> <meta charset="utf-8"> <title>メソッド</title> </head> <body> <p>ボタンをクリックしてください。 <input type="button" value="ボタン" onClick="alert('Perfect')"> </p> </body> </html>

JavaScriptによる文字色と背景色の変更

JavaScriptによる文字色と背景色の変更 - jsdo.it - share JavaScript, HTML5 and CSS ポイント fgColorプロパティ 文字の色を参照・設定する bgColorプロパティ 背景の色を参照・設定する コード <html lang="ja"> <head> <meta charset="utf-8"> <title>Hello!</title> </head> <body onLoad = "window.defaultStatus = '色の設定'"> </body></html>

静止状態から徐々に加速するムービークリップ

onClipEvent (load) { speed = 0; //速度 accel = 1; //加速度 } onClipEvent (enterFrame) { speed += accel; this._x += speed; }