Java Scriptを勉強するぞと一念発起。まずはウィンドウを開く

初めてのJava Scriptです。

HTML5の時代、やっぱりJavaScriptははずせない！というのを聞いて、一念発起。買いっぱなし積読のテキストを出してきました。FOM出版の「よくわかる　ゼロからはじめるJavaScript」をテキストに、とにかくはじめちゃいます。くじけぬよう、あたたか～い目で見てください。お願いしますぅ。

ということで、一日目は、ウィンドウを開くのを勉強しました。

jslesson02.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta http-equiv="Content-Style-Type" content="text/css">

<meta http-equiv="content-script-type" content="text/javascript">

<script type="text/javascript"> 

<!--

function opensesami(){

opensewin=window.open("sesami.html","win","toolbar=0");

opensewin.resizeTo(100,200);

opensewin.moveTo(100,100);

}

// -->

</script>

<title>開けゴマ</title>

<style type="text/css"> 

#wrap {

height: 250px;

width: 400px;

margin:auto;

}

</style>

</head>

<body>

<div id="wrap">

<form>

<p>ここ押してみてくらさい。<input type="button" value="開け！ゴマ" onclick="opensesami()"></p>

</form>

</div>

</body>

</html>

▼サンプルはこちら

sesami.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta http-equiv="Content-Style-Type" content="text/css">

<meta http-equiv="content-script-type" content="text/javascript">

<script type="text/javascript"></script> 

<title>閉じれ!ゴマ</title>

</head>

<body style="background-color:#FFFF33;">

<p>うひひ、大金持ち？</p>

<p><input type="button" value="閉じれ！ゴマ" onclick="window.close()"></p>

</body>

</html>

▼サンプルはこちら

ホントにはじめてのJava Scriptです。とにかくがんばるぞー、と意気込む見習の一日目です。

追加　テキストでは、メモ帳とIEを使って実習するようにすすめています。でも、ちょっとだけラクするなら、Dream Weaverで実習という手もあります。ダウンロードしたテキスト内容のフォルダをそのままDream　Weaverの「サイトの管理」機能を使ってサイト定義してしまえば教材ファイルがそのままDream Weaverで使えます。これでDream Weaverのコードヒントとかが使えるので、細かいスペルミスみたいのは減らせますし、これから本当に実務でJava Script使うときは（そんな日が早くくるといいなぁ）、Dream WeaverでJava Scriptを書くだろうから、一石二鳥な気がします。（最初はコードヒント使わず、手打ちしなきゃ覚えないかな?どきどき。）

2011年12月12日10:14 AM| カテゴリー： Java ScriptとJ Query,見習い奮闘記| コメント (0)