JavaScript笔记(第一章,第二章)

时间:2021-07-09 21:19:52

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+"&nbsp;&nbsp;");

空格 &nbsp;

有事件处理,有函数,有表格,还有控件,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 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menustextareafieldsetlegend 和 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="求和">&nbsp;

<input type="text" name="result" size=6>

</form>

</body>

</html>

if(counter == 10){

break;

}

等于号