JavaScript筆記（第一章，第二章） 第一章： <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript" src="lesson2.js"></sc ...
JavaScript筆記（第一章，第二章）
第一章：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="lesson2.js"></script>
Lesson2.js
document.write("<div style='font-size:36px; color:red'>");
document.write("歡迎使用JavaScript ！");
document.write("</div>");
第二章：
var score ; //定義變數score代表分數
score = prompt("請輸入成績","fry"); //使用window對象的prompt()方法，彈出一個輸入框
後一個參數是預設值
document.write("<span style=font-size:36px;font-family:Webdings;>"
+character+"</span>");
<span> 標簽被用來組合文檔中的行內元素。其實相當於Java中的{}，不同的是span能給組合起來的東西設置格式。
document.write("<p>請輸入幾個字母看看效果：</p>");
<p> 標簽定義段落。
p 元素會自動在其前後創建一些空白。瀏覽器會自動添加這些空間，您也可以在樣式表中規定。
do
{
}while(character!="n"&&character!="N")
等於字元怎麼寫，等於號和雙引號，還有do-while後面沒有分號
document.write(row+"*"+col+"="+row*col+" ");
空格
有事件處理，有函數，有表格，還有控制項，document對象
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>計算器</title>
<script type="text/javascript">
<!--
function calc(sign)
{
var firstValue=document.calcform.first.value;
var secondValue=document.calcform.second.value;
var resultValue ; //結果
//在這裡，我們預設用戶輸入都是數字，不作驗證， 直接轉換成數字
var num1 = parseFloat(firstValue);
var num2 = parseFloat(secondValue);
if(sign=="+")
{
resultValue =num1 + num2 ;
}
if(sign=="-")
{
resultValue =num1 - num2 ;
}
if(sign=="*")
{
resultValue =num1 * num2 ;
}
if(sign=="/")
{
resultValue =num1 / num2 ; /*實際上在作除法運算，要判斷除數是不是為零，如果是，提示，除數不能為零，否則，顯示*/
}
document.calcform.result.value = resultValue ;
}
// -->
</script>
</head>
<body>
<form name="calcform">
<table width="388" height="80" border="0">
<tr><td width="127">第一個數</td>
<td width="131">第二個數</td>
<td width="116">結果</td></tr>
<tr><td><input type="text" name="first" size="12" /></td>
<td><input type="text" name="second" size="12" /></td>
<td><input type="text" name="result" size="14" /></td></tr>
<tr><td colspan="3">運算類型：
<input type="button" value="+" onclick="calc('+')" />
<input type="button" value="-" onclick="calc('-')" />
<input type="button" value="*" onclick="calc('*')" />
<input type="button" value="/" onclick="calc('/')" />
</td></tr>
</table></form>
</body></html>
<form> 標簽用於為用戶輸入創建 HTML 表單。
表單能夠包含 input 元素，比如文本欄位、覆選框、單選框、提交按鈕等等。
表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。
表單用於向伺服器傳輸數據。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>內置函數實現求和</title>
<script type="text/javascript">
<!--
function sum()
{
var resultValue , firstValue ,secondValue; //聲明3個變數，不給初值
firstValue = document.myform.first.value ;
secondValue = document.myform.second.value;
if(isNaN(firstValue))
{
alert(firstValue+"不是一個數字！");
return; /*註意，這裡使用了return語句，表示程式走到這裡就返//回了，下麵的語句不被執行了。如果，思考下，去掉return，會怎樣呢？*/
}
if(isNaN(secondValue))
{
alert(secondValue+"不是一個數字！");
return;
}
var num1=parseFloat(firstValue);
var num2=parseFloat(secondValue);
resultValue = num1 + num2 ;
document.myform.result.value = resultValue;
}
//-->
</script>
</head>
<body style="font-size:12px;">
<form name="myform">
加數：<input type="text" name="first" size=6>
被加數：<input type="text" name="second" size=6>
<input type="button" onclick="sum()" value="求和">
<input type="text" name="result" size=6>
</form>
</body>
</html>
if(counter == 10){
break;
}
等於號
