ÉvÉçPM_02

Similar documents
Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習

Webデザイン論

Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5

untitled

untitled

インターネット社会の発展

ohp.mgp

javascript key

Microsoft Word - W3C's_ARIA_Support


JavaScriptプログラミング入門 2.JavaScriptの概要

JavaScript¥×¥í¥°¥é¥ß¥ó¥°ÆþÌç

ch31.dvi

スライド タイトルなし

カンペキな初心者のための、Adobe® AIR™の基礎の基礎

JavaScript の使い方

SHOBI_Portal_Manual

オンラインテスト

JavaScript演習

d_appendixB-asp10appdev.indd

HTML

~モバイルを知る~ 日常生活とモバイルコンピューティング

JavaScript演習

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18

スライド 1

第5回 マインクラフト・プログラミング入門

福岡大学人文論叢47-3

6/ Kageyama (Kobe Univ.) / 39

WebOTXマニュアル

SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い

PowerPoint Presentation

6 2 1

ORCA (Online Research Control system Architecture)

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23

1

19 ステップで 2 大人気スクリプト言語を学ぶ GUI のあるアプリを作る STEP11 から STEP12 までまとめ 1.Python での GUI アプリ作成 Python は標準ではグラフィックスの機能を持ちませんが ライブラリを使うことで GUI のアプリを作成することができる そこで

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~モバイルを知る~ 日常生活とモバイルコンピューティング

WebGL WebGL DOM Kageyama (Kobe Univ.) Visualization / 39

1.1. jquery 1 jquery jcanvas jquery javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web jq

JavaScript 演習 2 1

1

携帯電話でGoogle Mapsを使う


WebGL *1 DOM API *1 X LR301 Kageyama (Kobe Univ.) Visualization / 37

JavaScript演習

untitled

スライド 1

Microsoft Word - FWTEC0003.doc

受動的攻撃について

AJAXを使用した高い対話性を誇るポートレットの構築

CSS CSS

soturon2013

css.pdf

1.1. jquery 1 jquery jcanvas jquery javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web jq

Word によるホームページ勉強会第 3 日目 Word でトップページを作成 2A 那須シニアネット三宅節雄事前準備 ピクセルの写真を 4 枚 の写真またはイラストを 2 枚 準備 (JTrim か縮小専用で この付近のサイズに加工しておく ) 勉強会にて実施

untitled

インターネットマガジン2001年9月号―INTERNET magazine No.80

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

Moshimo Challenge Report

</ul> (XXX ) 15 ( )15 35 (XXX ) 15 ( ) [4] HTML HTML HTML HTML 1. <!--- CONTENTS_TITLE_TABLE ---> <b><font size=+1>xxx </font></b> <sm

intra-mart マスカット連携ガイド

医療者のための情報技術入門第 9 回プログラムがはたらくしくみを学ぶ (2) 日紫喜光良 概要 1. はじめに- 具体例から ここから Javascript のプログラミング入門 次はどうする--

PostgreSQL iphone/

第3回_416.ppt

NetworkApplication-09

PowerPoint Presentation

第 1 章 JavaScript/jQuery JavaScript とは JavaScript( ジャバスクリプト ) は HTML や CSS また PHP などでは実現することの難しい さまざまな効果を Web ページ上で実現できるスクリプト言語です 一時期 Web ページ作成に

untitled

( )

paper.pdf


JavaScript演習

APIリファレンス

第13期りそなグループ 報告書

1.1. jquery 1 jquery jcanvas jquery JavaScript jquery 1. / jquery Googlr Chrome Eddge(Enternet Explorer) 2. jquery JavaScript HTML div JS jqu

I. はじめに パーソナライズド Web ページ生成機能は 特に新しくページを作成してから利用ということ ではなくて 今回ご説明するような感じで利用することもできます メール本文内の URL のクリック率などは いちおう 無料のアクセス解析ツールなどとメール本文内の URL を少々工夫することによっ

ISコースプロジェクト実習 前期(第1回 ガイダンス)

超簡単にWebページを作成

<4D F736F F D DEC837D836A B2D48508DEC90AC2D322E646F63>

untitled

Webプログラミング演習

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータ

Web制作会社が スマホアプリ開発を依頼されたら 地方における開発事情からデザイナー向け開発手法まで 大月 茂樹

SVG資料第6回目(その3) SVGとHTMLの間でデータを交換する

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web

1 食品安全を主な目的とする取組

IFRS 2011

Microsoft PowerPoint - 04WWWとHTML.pptx

Taro-WebGLサンプルの説明

Appendix( ) {x(t), y(t) } の値を計算し そのグラフを描く ( for t=a to t=b ) この Program ( a.c ) は t をパラメーターとして X 軸に x = x(t) として Y 軸を y = y(t) として 最大 9 個の Graph

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

Microsoft Word - PaLearn_manual_05c.doc

目次 0. 計測タグ設置の基本 3 このマニュアルについて... 4 計測タグ設置の流れ... 5 必ず確認していただきたいこと 計測タグの種類 7 入口ページタグ... 9 コンバージョンタグ イベント計測用タグ 計測タグの設置方法 14 計測タグを設

離散数学 第 1回 論理 (1):命題論理

i

07_経営論集2010 小松先生.indd

Transcription:

2 JavaScript

2JavaScript JavaScript 2-11hello1.html <html> <head> <title>hello</title> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> </head> <body> <script type="text/javascript" language="javascript"> confirm("hello!"); </script> <p> </p> </body> </html> 54

<script type="text/javascript" language="javascript"> confirm("hello!"); </script> <script> </script> <script> type text javascript language JavaScript type="..." langauge="..." <script> </script> confirm("hello!"); confirm Hello! hello1.html OK 55

2JavaScript 2-1 2-2OK 56

<script> </script> WEB HELP 2-3 JavaScript Windows Intenet Explorer 6.0 2-4 JavaScript Mac OS X Intenet Explorer 5.1 57

2JavaScript <script>...</script> "ab" confirmhello! Hi! Hi! confirm("hi!"); HTML document.write confirm<script>...</ script>document.write <script type="text/javascript" language="javascript"> document.write("<h1>hello!</h1>"); </script> document.write <html> <head> <title>hello</title> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> </head> <body> <h1>hello!</h1> <!-- --> <p> </p> 58

HTML document.write 2-5 document.write </body> </html> document.write 59

2JavaScript <body>...</body><script>...</script> 2-22hello3.html 1 <html> 2 <head> 3 <title>hello</title> 4 <meta http-equiv="content-type" content="text/html; charset=shift_jis"> 5 <script type="text/javascript" language="javascript"> 6 7 function sayhello() { 8 confirm("hello!"); // 9 10 </script> 11 </head> 12 13 <body onload="sayhello()"> 14 <p></p> 15 </body> 16 </html> <body>...</body><script> <head>...</head> <body> onload "sayhello()" <head>...</head> <body>...</body> 60

2-6 <body> onloadsayhello() Hello! onloadsayhello()function onload="xxx" xxx 61

2JavaScript () sayhello() sayhello(){ sayhello() sayhello() confirm() "Hello!" confirm() // // <!-- --> /*... */... /********************************************** * * * 2002.02.14 **********************************************/ 62

if if Hello! confirm() confirm() onload() sayhello() sayhello() <body> onload 2-3hello4.html 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> 2 <html> 3 <head> 4 <title>hello</title> 5 <meta http-equiv="content-type" content="text/html; charset=shift_jis"> 6 <script type="text/javascript" language="javascript"> 7 8 function sayhello() { 9 var today; // today 10 var hour; // hour 11 today = new Date(); // Date today 12 hour = today.gethours(); // todayhour 13 14 if (4 <= hour && hour < 10) { // 4 10 15 confirm(""); 63

2JavaScript 16 17 else if (10 <= hour && hour < 19) { // 10 7 18 confirm(""); 19 20 else { // 77 21 confirm(""); 22 23 24 </script> 25 </head> 26 27 <body onload="sayhello()"> 28 <p></p> 29 </body> 30 </html> <!DOCTYPE... sayhello() 9 var today; // today 10 var hour; // hour today hour var 64

if today hour today hour hour our our our 11 today = new Date(); // Date today new Date() Date today Date Date 65

2JavaScript new Date() Date today todaydate 12 hour = today.gethours(); // todayhour todaydate Date get Hours()today.getHours() today.gethours() hour today.getminutes() today.getseconds() today.getfullyear() today.getmonth() == = = x = 3; xx x 3; hour = today.gethours(); ;; hour = today.gethours() ; 66

if today = new Date(); hour = today.gethours() ; ; 14 if (4 <= hour && hour < 10) { // 4 10 15 confirm(""); 16 17 else if (10 <= hour && hour < 19) { // 10 7 18 confirm(""); 19 20 else { // 77 21 confirm(""); 22 23 ifif (4 <= hour && hour < 10) hour hour && hour hour 15 confirm(""); elseelse if hour hour hourhour 18 confirm(""); 67

2JavaScript else 21 confirm(""); if elsevar if else var if = 3; var = else + if; if if... else if... else... if if (<1>) { < 1> else if (<2>) { < 2> else if (<3>) { < 3>... else { < n> else if... else...if else... if 68

< >if < > { { <>truefalse4 <= hour && hour < 10 hourtrue false if if (i+j) { < > i+j if false true <> "" if if (4 <= hour && hour < 10) { // 4 10 confirm(""); 69

2JavaScript ifconfirm() { if (4 <= hour && hour < 10) { confirm(""); // 4 10 if if 2-4 hello5.html 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> 2 <!-- hello5.html --> 3 <html> 4 <head> 5 <title>hello</title> 6 <meta http-equiv="content-type" content="text/html; charset=shift_jis"> 7 <script type="text/javascript" language="javascript"> 8 9 function sayhello() { 10 var today; 11 var hour; 12 var month; // month 13 today = new Date(); // Date today 14 hour = today.gethours(); 15 month = today.getmonth()+1; // today month 16 17 if (4 <= month && month <= 9) { // 4 9 70

if if 18 if (4 <= hour && hour < 10) { 19 confirm(""); 20 21 else if (10 <= hour && hour < 19) { 22 confirm(""); 23 24 else { // 74 25 confirm(""); 26 27 28 else { // 1 310 12 29 if (4 <= hour && hour < 10) { 30 confirm(""); 31 32 else if (10 <= hour && hour < 18) { 33 confirm(""); 34 35 else { // 64 36 confirm(""); 37 38 39 40 </script> 41 </head> 42 43 <body onload="sayhello()"> 44 <p></p> 45 </body> 46 </html> today.getmonth() 71

2JavaScript if ifif if 17 if (4 <= month && month <= 9) { //4 9 <A> 28 else { // 1 310 12 <B> <A><B> <A> <B> if <ul> <ol> if ifwhile for 72

if (4 <= hour && hour < 10) { confirm(""); else if (10 <= hour && hour < 18) { confirm(""); else if (18 <= hour && hour < 19) { if (4<=month && month<=9) { // 4 9 confirm(""); else { // 1 310 12 confirm(""); else { // 74 confirm(""); if (4 <= hour && hour < 10) { confirm(""); else if ((10 <= hour && hour < 18) ((18 <= hour && hour< 19) && (4<=month && month<=9) ) ) { confirm(""); else { confirm(""); 73

2JavaScript else if ((10 <= hour && hour < 18) ((18 <= hour && hour< 19) && (4<=month && month<=9))) 10 <= hour && hour < 18(18 <= hour && hour< 19) && (4<=month && month<=9) 18 <= hour && hour< 19 4<=month && month<=9 ( ) (...) else if (10 <= hour && hour < 18 18 <= hour && hour< 19 && 4<=month && month<=9) && < <= < &&&& (...) (...) 74

" '{ () hour our aisatsu aisatu "" 75

2JavaScript WEB HELP if else _ _ $ - _ hello5.html.;...?!. : ; 76

confirm() document.write() confirm() if... else if if (<1>) {... else if (<2>){...... else {... else if <script>...</script> 77

2JavaScript <body onload="()"> confirm() document.write() 78