JavaScript简单程序设计Word文件下载.docx
- 文档编号:22032242
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:22
- 大小:460.90KB
JavaScript简单程序设计Word文件下载.docx
《JavaScript简单程序设计Word文件下载.docx》由会员分享,可在线阅读,更多相关《JavaScript简单程序设计Word文件下载.docx(22页珍藏版)》请在冰豆网上搜索。
name="
张三"
;
age=20;
document.write(name);
document.write("
的年龄是:
"
);
document.write(age);
/script>
在网页中显示"
张三的年龄是:
20"
。
2.税额计算
scriptlanguage="
javascript"
>
varlist,rate=0.05,paid=105,tax;
list=paid/(1+rate);
tax=paid-list;
document.writeln("
标价="
+list);
税额="
+tax);
付款105,税率0.05,在网页中显示标价和税额的计算结果。
3.思考题
设计JavaScript程序,在网页上输出半径为3的圆的面积和周长。
varr=3;
varpi=3.1415;
圆的半径为:
"
+r);
圆的面积为:
+pi*r*r);
圆的周长为:
+2*pi*r);
半径为3,在网页中显示圆的半径,面积和周长。
二、JavaScript对话框
1.警示对话框程序案例
alert("
欢迎浏览本页面!
打开网页,弹出“欢迎浏览本页面”的警示对话框。
2.确认对话框程序案例
varvisited,show_text;
visited=confirm("
您来过湖北职院吗?
show_text=visited?
您也认为湖北职院很美吧!
:
欢迎您有机会来湖北职院参观!
document.write(show_text);
打开网页,弹出"
的确认对话框,点击确定,在网页中显示"
,点击取消,在网页中显示"
3.提示对话框程序案例
name=prompt("
请输入您的姓名:
"
尊敬的"
+name+"
:
欢迎您进入我的主页!
的提示对话框,输入“yhf”,点击确定,在网页中显示"
尊敬的yhf:
4.思考题
设计密码检测程序,密码输入正确,显示“欢迎访问”,不正确显示“密码不正
确,好好想哦”。
script>
varpassword="
123456"
varanswer=prompt("
请输入您的密码"
alert((answer==password)?
欢迎访问"
密码不正确,好好想想哦!
的提示对话框。
在警示对话框中有一个判断,输入“123456”,点击确定,弹出警示对话框"
输入其他的密码,点击确定,弹出警示对话框"
三、JavaScript函数的定义及调用
1.素数判断
functionIsPrime(p)
{
if(p<
1)returnfalse;
vari;
for(i=2;
i<
p;
i++)if(p%i==0)returnfalse;
returntrue;
}
varx;
x=parseInt(prompt("
请输入1-100之间的数字"
1"
));
该数是否为素数:
+IsPrime(x));
的提示对话框,默认数字是“1”。
在警示对话框中有一个素数判断函数,输入一个非素数,如“6”,点击确定,弹出警示对话框"
false"
输入一个素数,如“11”,点击确定,弹出警示对话框"
true"
2.局部变量和全局变量
functionfirst(p,q){
p=p*2;
b=b+1;
varc=100;
P的值为:
p,"
br>
a的值为:
a,"
b的值为:
b,"
c的值为:
c,"
vara=1,b=2,c=3;
first(a,b);
打开网页,定义变量a=1,b=2,c=3,执行函数first,a和b的值传递给p和q,p=p*2=2(p是局部变量),b=b+1=3(这里的b是全局变量里的b),c=100(这里的c是函数内的局部变量),
在网页中显示
2
1
3
100
设计检测手机号码的程序
functiontest(obj){
if(obj.length!
=11)alert("
手机号码应该是11位数字"
elseif(obj.substring(0,2)!
="
13"
)alert("
手机号码应该以13开头"
elseif(isNaN(obj))alert("
手机号码应该是11位数字"
elsealert("
你填的是正确的手机号码"
检查手机号码:
formname="
form1"
示例:
inputtype=textname=number>
inputtype=buttonvalue='
提交'
onclick=test(document.form1.number.value)>
/form>
在网页中显示“检查手机号码:
”+回车。
显示表单,表单中有“示例:
”,输入文本框,“提交”按钮。
再输入文本框里输入手机号,点击提交按钮,执行test函数,将输入文本框的值作为函数的参数,进行判断输入的手机号码的长度,前两位数字是“13”,是否是非法数字等。
显示相应的警示对话框。
四、JavaScript分支结构程序设计
1.两个数排序
varx,y,temp;
x=parseFloat(prompt("
请输入x的值:
0"
y=parseFloat(prompt("
请输入y的值:
if(x>
y)
temp=x;
x=y;
y=temp;
}
排序后,x="
+x+"
y="
+y);
打开网页,弹出提示对话框,输入x,y的值,默认是“0”,点击确定后(parseFloat函数将字符串参数解析成浮点数并返回),判断x>
y,如果是,交换x和y。
在网页中显示排序后的结果。
2.常识问答
varanswer;
answer=prompt("
中国的首都在哪个城市?
\nA.香港\tB.广州\tC.北京\tD.上海"
E"
switch(answer)
case"
a"
A"
alert("
错!
香港是中国的特别行政区"
break;
b"
B"
广州是中国南部的大城市"
c"
C"
对!
北京是中国的首都,在中国北方"
d"
D"
上海是中国东部的大都市"
default:
选择错误!
只能选填字母A、B、C或D"
打开网页,弹出提示对话框,
“中国的首都在哪个城市?
A.香港B.广州C.北京D.上海”
默认“E”。
填写答案(大小写均可),单击确定后。
执行switch函数,弹出相应警示对话框。
3.思考题
根据成绩给出学生的考评:
如果成绩>
=85,考评“优”,否则如果成绩>
=60,
考评“及格”,否则考评为“不及格”。
varscore,grade;
score=parseFloat(prompt("
请输入学生的成绩:
if(score>
=85)
grade="
优"
elseif(score>
=75)
中"
=60)
及格"
else
不及格"
根据学生成绩:
+score+"
,评定为:
+grade);
打开网页,弹出提示对话框"
,执行多个if和elseif函数,判断分数区间,显示相应的成绩考评。
五、JavaScript循环结构程序设计
1.求1+2+3+…+100的累计和
vari,sum=0;
for(i=1;
=100;
i++)
sum+=i;
1+2+3+……+100="
+sum);
打开网页,显示"
1+2+3+……+100=5050"
2.二位整数相加的测试程序
vargo_on,x,y,result,answer
do{
x=Math.floor(Math.random()*90)+10;
y=Math.floor(Math.random()*90)+10;
result=x+y;
answer=parseFloat(prompt(x+"
+"
+y+"
go_on=confirm((answer==result)?
答对"
答错"
!
\t继续测试吗?
)
}while(go_on)
打开网页,弹出提示对话框,显示两个随机数相加,要求填入正确答案,默认“0”。
点击确定,弹出确认对话框,显示“答对”和"
答错!
继续测试吗?
,点击确定,继续答题,点击取消,退出答题。
3.累加用户输入的整数
varinput,input_number,sum;
for(sum=0;
){
input=prompt("
sum="
+sum+"
\n请输入新的累加数(输入Q结束):
if(input==null||input=="
Q"
||input=="
q"
)break;
if(isNaN(input))continue;
input_number=parseFloat(input);
if(input_number<
=0)continue;
sum+=input_number;
打开网页,弹出提示对话框,显示"
sum=0请输入新的累加数(输入Q结束):
默认“0”。
一开始sum=0,之后显示计算结果。
输入Q(大小写均可)或者不输入值则退出,输入非法值或数字则继续。
退出后显示提示对话框"
sum="
4.思考题
在页面上显示一个“9×
9乘法表”。
vari,j;
PRE>
=9;
for(j=1;
j<
=i;
j++)
{
if(j>
1)document.write("
\t"
document.write(j+"
*"
+i+"
+j*i);
document.writeln();
/PRE>
文件按照原始的排列方式显示,允许保留原始码中输入的空白及回车换行。
writeln将在所提供的任何字符串后添加一个换行符,在HTML中,这通常只会在后面产生一个空格;
不过如果使用了<
和<
XMP>
标识,这个换行符会被解释,且在浏览器中显示。
因此会形成乘法表的显示效果。
计算两点间距离
1.代码
functiontest(x1,y1,x2,y2){
d1=x1-x2;
d2=y1-y2;
d=Math.sqrt(d1*d1+d2*d2);
document.form1.dis.value=d;
输入两个点的坐标<
/br>
点1:
X坐标=<
inputtype=textname=x1>
Y坐标=<
inputtype=textname=y1>
点2:
inputtype=textname=x2>
inputtype=textname=y2>
两点间的距离:
inputtype=textname=dis>
提交'
onclick=test(document.form1.x1.value,document.form1.y1.value,document.form1.x2.value,document.form1.y2.value)>
2.实现效果
输入点1和点2的X、Y坐标,点击计算,生成两点间的距离。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript 简单 程序设计