1.新建1-1.html文件,在<head></head>中插入JavaScript脚本,输出相应内容,具体如下:

(1)弹出一个对话框,显示“欢迎进入JavaScript的奇妙世界!”

alert(‘欢迎进入JavaScript的奇妙世界!’);

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<script>

alert('欢迎进入JavaScript的奇妙世界!');

</script>

</body>

</html>

(2)在网页中输出“这是我的第一个JavaScript页面”

document.write(‘这是我的第一个JavaScript页面’);

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<script>

document.write('这是我的第一个JavaScript页面');

</script>

</body>

</html>

(3)在页面中换行显示当前的日期和时间

document.write(‘<br/>’);

var now=new Date();

document.write(now);

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<script>

document.write('<br/>');

var now=new Date();

document.write(now);

</script>

</body>

</html>

请描述注释有几种类别,各是什么:

1)单行代码注释

2)多行代码注释

2.新建1-2.html文件,在文件中插入JavaScript脚本,分别定义数值型、字符型、布尔型和数组类型变量,并进行基本运算,观察和掌握各种数据类型的特点。

(1)数值型:定义变量r=10,定义常量pi=3.14,计算s=pi*r*r 的值,并显示。

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<script>

var r=10,pi=3.14,s;

s=pi*r*r;

console.log('s='+s);

</script>

</body>

</html>

(2)字符串型:将用户的family_name(自己的姓—以拼音形式)和given_name(自己的名字—以拼音形式)通过字符串连接后整体输出,并截取用户的身份证号码(自己的身份证号码)中的出生日期信息,输出用户的出生年月。

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<script>

var family_name='she';

var given_name='wen';

console.log(''+family_name+given_name);

var id="420922200110027848";

alert(id.substring(6,12))

</script>

</body>

</html>

(3)布尔型:输出今年的年份,并判断今年是否是闰年,并将判断结果显示在网页中。/*闰年是指:普通年(不能被100整除的年份)能被4整除的为闰年。(如2004年就是闰年普通年(不能被100整除的年份)能被4整除的为闰年。(如2004年就是闰年,1999年不是闰年);

世纪年(能被100整除的年份)能被400整除的是闰年(如2000年是闰年,1900年不是闰年)。*/

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<script>

var year=2022;

var yes=true,no=false;

document.write('2022是否为闰年?是返回true,不是返回false');

document.write('<br/>');

if(year%400==0||(year%4==0&&year%100!=0))

document.write(yes);

else

document.write(no);

</script>

</body>

</html>

(4)空值型和未定义类型:定义一个空值型和未定义类型的变量,通过typeof观察它们的数据类型。定义name="WangFeng ";。定义sex;(不赋值)。定义age=null;。分别输出三个变量,并通过typeof输出类型。

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<script>

var name='WangFeng';

var sex;

var age=null;

console.log('%s',name,typeof name);

console.log('%s',sex,typeof sex);

console.log('%s',age,typeof null);

</script>

</body>

</html>

(5)数组对象:将常用的汽车品牌存储在数组对象中,并输出在网页上。cars[0]="Audi";cars[1]="BMW";cars[2]="Benz";cars[3]="Volkswagen";cars[4]="Volvo";

cars[5]="Chery";

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<script>

var cars=['Audi','BMW','Benz','Volkswagen','Volvo'];

document.write(cars);

</script>

</body>

</html>

1. if...else语句的使用。新建3-1.html文件,在<head></head>中插入JavaScript脚本,要求在用户进行输入的对话框中输入数字,输出其绝对值。

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script>

var n=prompt('输入一个数字:');

if(n>=0)

document.write(n);

else

document.write(-n);

</script>

</head>

<body>

</body>

</html>

2.嵌套if...else语句。新建3-2.html文件,在<head></head>中插入JavaScript脚本,要求将百分制成绩转化成等级输出。规则如下:

score>=90 输出:”你的成绩是:A,你真棒!”;

score>=80 输出:”你的成绩是:B,也不错!”;

score>=70 输出:”你的成绩是:C,再努努力就更好了!”;

score>=60 输出:”你的成绩是:D,刚及格,要继续加油啊!”;

其他 输出:”你的成绩是:E,要努力啦,不然就掉队了!”;

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script>

var score=prompt('输入你的分数:');

if(score>100)

document.write('你的输入有误!');

else if(score>=90)

document.write('你的成绩是:A,你真棒!');

else if(score>=80)

document.write('你的成绩是:B,也不错!');

else if(score>=70)

document.write('你的成绩是:C,再努努力就更好了!');

else if(score>=60)

document.write('你的成绩是:D,刚及格,要继续加油啊!');

else

document.write('你的成绩是:E,要努力啦,不然就掉队了!')

</script>

</head>

<body>

</body>

</html>

3.switch语句的使用。新建3-3.html文件,在<head></head>中插入JavaScript脚本,要求将百分制成绩转化成等级输出。规则如下:

score>=90 输出:”你的成绩是:A,你真棒!”;

score>=80 输出:”你的成绩是:B,也不错!”;

score>=70 输出:”你的成绩是:C,再努努力就更好了!”;

score>=60 输出:”你的成绩是:D,刚及格,要继续加油啊!”;

其他 输出:”你的成绩是:E,要努力啦,不然就掉队了!”;

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script>

var score=prompt('输入你的分数:');

var n=parseInt(score/10);//取整

switch(n){

case 10:

case 9: document.write('你的成绩是:A,你真棒!');break;

case 8: document.write('你的成绩是:B,也不错!');break;

case 7: document.write('你的成绩是:C,再努努力就更好了!');break;

case 6: document.write('你的成绩是:D,刚及格,要继续加油啊!');break;

default:

document.write('你的成绩是:E,要努力啦,不然就掉队了!');

}

</script>

</head>

<body>

</body>

</html>

4.while语句的使用。新建3-4.html文件,在<head></head>中插入JavaScript脚本,要求使用while循环按次序输出行号。

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

</body>

<script>

var i=0;

while(i<50){

document.write(i+'<br/>');

i++;

}

</script>

</html>

5. do...while语句的使用。新建3-5.html文件,在<head></head>中插入JavaScript脚本,要求使用do...while循环按求1到10的阶乘。

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script>

var i=1,n=1;

do{

n=n*i;

document.write(i+'!'+'='+n+'<br />');

i++;

}while (i<=10);

</script>

</head>

<body>

</body>

</html>

6.for语句的使用。新建3-6.html文件,在<head></head>中插入JavaScript脚本,要求使用for循环按求1到10的阶乘。

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script>

var i,n=1;

for(i=1;i<=10;i++)

{

n=n*i;

document.write(i+'!'+'='+n+'<br />');

}

</script>

</head>

<body>

</body>

</html>

7. 打印如下图所示金字塔图案。要求使用循环结构完成。

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script>

var i,j;

for(i=1;i<=9;i++)

{

for(j=1;j<=9-i;j++)

document.write(' ');

for(j=1;j<=2*i-1;j++)

document.write('*');

document.write('<br />');

}

</script>

</head>

<body>

</body>

</html>

8. 打印如下图所示九九乘法口诀表。要求使用循环结构完成。

1)源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script>

var i,j,sum;

for(i=1;i<=9;i++)

{

for(j=1;j<=i;j++)

{

sum=i*j;

document.write(i+'*'+j+'='+sum+' ');

}

document.write('<br/>');

}

</script>

</head>

<body>

</body>

</html>

实验四实验四实验四啊!相关推荐

  1. 【实验报告】四恶意代码实验

    学   号201421420040   中国人民公安大学 Chinese people' public security university 网络对抗技术 实验报告   实验四 恶意代码技术     ...

  2. sdut 2134 数据结构实验之栈与队列四:括号匹配

    数据结构实验之栈与队列四:括号匹配 Time Limit: 1000MS Memory Limit: 65536KB Submit Statistic Discuss Problem Descript ...

  3. 实验结果报告与实验总结_教科版科学四年级上册实验报告

    于茫茫书海中,为你寻找更适合自己成长的有效资源和那些锲入心灵的文字.与高人交心,轻松学习,把时间留给更重要的人更重要的事. 精彩就点击右上角分享出去,赠人玫瑰手染余香. 严正声明本系列教科版四上科学实 ...

  4. 实验报告总结_小学四年级数学下册全册知识点总结 ,家有四年级学生的家长收藏...

    一.观察物体 知识技能目标 知道从低到高观察物体,体会出不同的位置看到的范围是不一样的,由远到近看到的范围是越来越小,从而体会不同距离观察物体形状的变化. 知识检测 摆一种物体,从不同的面去观察,看到 ...

  5. java实验四结果,java实验四异常处理.doc

    java实验四异常处理.doc 实验四异常处理一.实验目的1.掌握异常的概念和Java异常处理机制.2.掌握异常的定义.抛出和捕捉处理.二.实验内容与要求1.仔细读下面的JAVA语言源程序,自己给出程 ...

  6. 宁波大学计算机网络实验五,宁波大学计算机网络实验四.doc

    宁波大学计算机网络实验四 宁波大学信息科学与工程学院 计算机网络 第四章 DIY!now 电子版实验报告 班 级: 通信112班 姓 名: 徐威 学 号: 116040040 完成时间: 2012-1 ...

  7. EDA实验课课程笔记(四)——TCL脚本语言的学习2

    EDA实验课课程笔记(四)--TCL脚本语言的学习2 控制流 if 循环命令 while for foreach break和continue命令 switch source 过程(procedure ...

  8. c语言教程项目一实验报告,C语言实验报告(四)

    实验项目: 5.3.1练习2 求数列的前n项的和 5.3.2练习2 求水仙花数 5.3.4 十进制转换 5.3.5练习1 白马百担问题 5.3.5练习2 等差数列 5.3.5练习3 食品分配问题 九九 ...

  9. SQL SERVER 实用教程(第四版) 实验 1-10 非标准答案

    小白一个,由于老师要我们写这本书的实验,写完之后,肝完十篇报告,又偶然看到一个劝人写博客的视频,就屁颠屁颠地来这里写了. 因为是自己写的,所以肯定会有错误哈哈,还有一些是假装运行成功,还有一部分太难的 ...

  10. java实验四 综合应用实验

    学院 计算机科学与教育软件学院 年级.专业.班 网络16* 姓名 卟咚君 学号 1606100*** 实验课程名称 Java语言实验 成绩 实验项目名称 综合应用实验 指导老师 ** 一.实验目的 熟 ...

最新文章

  1. Effective C++学习第八天
  2. Linux高性能服务器编程:进程池和线程池原理及应用(有图有代码有真相!!!)
  3. mysql Access denied for user root@localhost错误解决方法总结
  4. opencv Mat push_back
  5. mysql insert插入的3种方法
  6. 多元回归理论及R语言实现
  7. mysql数据库操作语句整合
  8. Google Data Studio:漂亮,免费,易于使用的数据可视化工具
  9. linux打jar包命令行,windows下命令行打jar包方法
  10. html怎么转为rp,html rp标签怎么用
  11. 汇承蓝牙(HC-05)蓝牙虚拟串口插上后,串口助手无法找到该虚拟串口
  12. 深度学习论文: Learning to Resize Images for Computer Vision Tasks及其PyTorch实现
  13. poj java_POJ 3083 java实现
  14. php实现一个简单的访客统计功能
  15. 基于卷积神经网络(CNN)的猫狗识别
  16. Android 下拉选择框自定义view
  17. 计算机网络——Physical_Layer
  18. 解决 WARNING: Published ports are discarded when using host network mode 问题
  19. Echarts环形图使用和设置(内外大小、颜色、指示线、圆圈中心字展示)
  20. Qt实现Windows服务程序

热门文章

  1. 从前后端分离到前后端整合的“退步”(一)项目结构
  2. 如何将阿里云旧服务器上的数据转移到新服务器上
  3. Drop tablespace
  4. 7月第3周回顾:裁员潮袭卷IT人 雅虎服“软”愿被收购
  5. 水仙花---c语言(经典)
  6. 从《100道光芒》到《可爱冠军的诞生》:湖南广电打响“参与式”电商突围战
  7. 前端图片上传并且裁切
  8. 计算机基础知识对程序员来说有多重要?
  9. 示波器基础知识100问
  10. 在Java中实现 点击返回按钮返回上一个页面