JS实训答案
js第一天课后考试答案
js第一天课后考试答案JS第一天答案Name:_________ Array_________ Score_________选择题每题2分，共计20分；填空题每题2分，共计40分;问答题每题4分，共计40分; 选择题和代码题主要考查的基本知识点的理解，而简答题主要考查表达能力.一、选择题（每题2分）1.下面js代码书写正确的是选项A：var 123=”123”; B：var 123abc=123;C：var int=456 D：var number=123答案 D答案说明定义变量不能使用数字或者以数字开头，不能使用关键字或者保留字定义2.有关js的特点下列说法错误的是选项A: js 是一门编程语言B：js是一门服务器端的语言C: js 运行在浏览器端D：js是一门解释型的语言答案 B答案说明Js是一门运行在客户端的脚本语言，不是服务器端的语言3.有关ECMAScript 说法正确的是选项A：它是js 的执行标准B: 它是一门独立的语言C: 它是js执行的引擎D：以上说法都不正确答案 A答案说明ES属于js的标准4. Var a=’123’；下面对该段代码描述正确的是选项A：变量a的数据类型是Number B:变量a的值是123C: 变量a的数据类型是string D：以上都正确答案B,C答案说明变量通过”=”进行赋值，双引号和单引号包含起来的变量的数据类型都是字符串类型5.下面哪一个语句定义了一个名为Myval的变量并将它的值赋为2205？选项A．var myval=2205 B．var MyVal=2205C．var Myval=2205 D．Myval=2205答案 C答案说明Js中区分字符大小写6.Var a=123; var b=”123”; 关于这段代码描述正确的是选项A: 变量a 和变量b完全相等B: 变量a 和变量b内容相同C: alert(a==b); 结果为true D：以上都不正确答案B,C答案说明变量a和变量b的内容相同，但数据类型不同7.Var a=null; a的数据类型是选项A: nudefined B numberC：NaN D: object答案 D答案说明变量的值为null的时候，该变量的数据类型是object类型8.Var a; alert(a); 该段代码执行真确的是选项 A null B undefinedC 报错D 以上都不对答案 B答案说明变量未初始化的值为undefined9.Var a=7；var b=a/0; 关于这段代码描述正确的是选项 A 报错 B b的值为NaNC b的值为infinityD b的值为0答案 C答案说明Js 中数字0作为除数，最后的结果是无穷大infinity10.Var a=123; var b=”123”; alert(a+b); 结果正确的是选项 A 246 B 123123C NaND 以上都不对答案 B答案说明数字类型和字符串类型相加，最后的结果为字符串类型二、填空题（每题2分）1.Js最早在_______年，被___________互联网公司提出的。
jsa试题及答案
jsa试题及答案一、选择题（每题2分，共10分）1. 在JavaScript中，以下哪个关键字用于声明一个函数？A. varB. functionC. constD. let答案：B2. 下列哪个选项不是JavaScript的原始数据类型？A. NumberB. StringC. ObjectD. Boolean答案：C3. 在JavaScript中，以下哪个方法用于将字符串转换为小写？A. toLowerCase()B. toUpperCase()C. toLocaleLowerCase()D. toLocaleUpperCase()答案：A4. 下列哪个选项是JavaScript中用于创建数组的语法？A. var array = [1, 2, 3];B. var array = (1, 2, 3);C. var array = {1, 2, 3};D. var array = {key1: 1, key2: 2, key3: 3};答案：A5. 在JavaScript中，以下哪个选项是正确的事件监听器语法？A. document.getElementById("myButton").onclick = function() { alert("Button clicked"); };B.document.getElementById("myButton").addEventListener("click", function() { alert("Button clicked"); });C. document.getElementById("myButton").click = function() { alert("Button clicked"); };D.document.getElementById("myButton").addEventListener("click", function() { alert("Button clicked"); }, false);答案：D二、填空题（每题3分，共15分）1. 在JavaScript中，使用________关键字可以创建一个全局变量。
js试题及答案
js试题及答案JS试题及答案1. 问题：以下哪个选项是JavaScript中定义对象的正确方式？- A. `var obj = new Object();`- B. `var obj = {};`- C. `var obj = object();`- D. `var obj = new Object;`答案： B2. 问题：在JavaScript中，如何将一个字符串转换为小写？- A. `str.toLowerCase()`- B. `str.toLower()`- C. `str.lower()`- D. `str.toLowercase()`答案： A3. 问题：以下哪个JavaScript函数可以用来检测一个字符串是否包含另一个字符串？- A. `includes()`- B. `contains()`- C. `indexOf()`- D. `has()`答案： C4. 问题： JavaScript中，`undefined`和`null`有什么区别？- A. `undefined`表示变量未定义，`null`表示变量没有值。
- B. `undefined`和`null`是相同的。
- C. `undefined`表示变量没有值，`null`表示变量未定义。
- D. `undefined`和`null`都是未定义的。
答案： A5. 问题：在JavaScript中，使用`===`和`==`进行比较有什么区别？ - A. `===`是严格等于，`==`是非严格等于。
- B. `===`是非严格等于，`==`是严格等于。
- C. `===`和`==`没有区别。
- D. `===`用于比较字符串，`==`用于比较数字。
答案： A6. 问题：以下哪个选项是JavaScript中创建数组的正确方式？- A. `var array = [1, 2, 3];`- B. `var array = new Array(1, 2, 3);`- C. `var array = array(1, 2, 3);`- D. 以上都是。
JavaScript 移动端开发练习题及答案
JavaScript 移动端开发练习题及答案一、题目: 移动端页面布局实践在移动端开发中，页面布局是一个重要的环节。
请你按照以下要求完成一个移动端页面的布局。
要求：1. 使用HTML和CSS编写代码。
2. 页面布局分为两列，左侧为菜单栏，右侧为主内容区。
3. 菜单栏的宽度为20%，背景颜色为#333333，字体颜色为#FFFFFF，菜单项的高度为40px，垂直居中对齐。
4. 主内容区的宽度为80%，背景颜色为#EEEEEE，文字的大小为16px，行高为1.5倍。
5. 在手机屏幕上，菜单栏和主内容区要自适应屏幕的宽度。
代码实现：```html<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><style>body {margin: 0;padding: 0;}.menu {width: 20%;height: 100vh;background-color: #333333;color: #FFFFFF;font-size: 16px;display: flex;flex-direction: column;justify-content: center;}.content {width: 80%;background-color: #EEEEEE;color: #000000;font-size: 16px;line-height: 1.5;padding: 20px;}</style></head><body><div class="menu"><div>菜单项1</div><div>菜单项2</div><div>菜单项3</div></div><div class="content"><h1>主内容</h1><p>这是一个示例页面内容。
JavaScript中练习问题及答案
JavaScript中练习问题及答案// 练习: 收银程序// 声明变量保存商品的单价数量总价如果总价满90 打8折如果钱不够提⽰还差多少// 钱多了提⽰找零多少如果钱刚好提⽰正好如果钱不够提⽰还差多少var price = 10;var num = 8;var mon = 100;var count = price * num;if (count >= 90) {console.log('打8折:', count * 0.8);} else {console.log('钱不够还差:', 90 - count);}if (count == mon) {console.log('刚好够');} else if (count < mon) {console.log('找零:', mon - count);} else if (count > mon) {console.log('还差:', count - mon);}// 机票业务// 北京飞往印尼原价4000块, 4⽉到10⽉是旺季, 其他均为淡季// 旺季头等舱9折, 经济舱8折// 淡季头等舱8折, 经济舱5折// 给定⼀个⽉份分别计算2个舱位的价格var month = 10;if (month >= 4 && month <= 10) {console.log('头等舱:', 4000 * 0.9);console.log('经济舱:', 4000 * 0.8);} else if ((month >= 1 && month < 4) || (month > 10 && month <= 12)) {console.log('头等舱:', 4000 * 0.8);console.log('经济舱:', 4000 * 0.5);} else {console.log('参数⾮法');}// 练习: 满减30减15 利⽤三元运算符var mon = 30;if (mon >= 30) {mon -= 15;} else {console.log('不满⾜');}mon >= 30 ? (mon -= 15) : console.log('不满⾜'); //三⽬运算// 声明2个变量存储⾝⾼和性别// 如果⼩于180 输出⼩⽂,否则就继续查看是不是性别男,如果是输出能哥,否者输出⼩⽂的闺蜜var h = 183;var sex = '男';if (h >= 183) {if (sex == '男') {console.log('能哥');} else {console.log('⼩⽂的闺蜜');}} else {console.log('⼩⽂')}// 改成三元可读性差,多条件判断仍然使⽤if嵌套console.log(h >= 183 ? sex == '男' ? '申哥' : '⼩艺的闺蜜' : '⼩艺');// 第三种情况// 订单状态 1 未付款 2未发货 3运输中 4签收其他状态⾮法var sta = 3;switch (sta) {case 1:console.log('未付款');break;case 2:console.log('未发货');break;case 3:console.log('运输中');break;case 4:console.log('签收');break;default:console.log('状态⾮法');break;}// 声明2个变量,保存年份和⽉份,显⽰当⽉的天数,2⽉的话需要考虑闰年问题闰年2⽉有29天// 闰年: 能被4整除,不能被100整数,或者能被400整数var month = 2;var year = 2020;switch (month) {case 1:case 3:case 5:case 7:case 8:case 10:case 12:console.log('31天')break;case 4:case 6:case 9:case 11:console.log('30天')break;case 2:if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {console.log('29天');} else {console.log('28天');}break;default:console.log('⽉份有误');break;}// 猜数字游戏// 声明变量保存⽤户输⼊的数字和要猜的数字提⽰猜⼤了和猜⼩了⼀直到猜对了才终⽌循环 var i = 15;while (true) {var num = prompt('请输⼊数字:');if (num == i) {alert('猜对了');break;} else if (num > i) {alert('猜⼤了');} else if (num < i) {alert('猜⼩了');}} <!-- 给出2个提⽰框让⽤户输⼊⽤户名和密码,如果正确提⽰登录成功,不正确就⼀直输⼊ --> <!-- 账号: admin 密码: 123 -->var count = 0;while (true) {count++;var uname = prompt('请输⼊账号:');var upwd = prompt('请输⼊密码:');if (uname == 'admin' && upwd == '123') {alert('登录成功');break;}if (count >= 5) {alert('账号密码尝试次数过多,闪电五连鞭即将对你进⾏抓捕~~');break;}}// 有⼀对幼兔,⼀个⽉成长为⼩兔,⼩兔⼀个⽉后可以长为成兔,// 成兔会⽣下⼀对⼩兔,问10个⽉后有多少只兔⼦(⾃⼰不会死)var yt = 1;var xt = 0;var ct = 0;var count = 0;// ⽉份幼兔⼩兔成兔⽣的⼩兔// 1 2 0 0 0// 2 0 2 0 0// 3 0 0 2 2// 4 0 0 4 8// 5 0 0 12 24// 每个⽉成兔的对数= 上个⽉⼩兔+ 上个对成兔// 每个⽉⼩兔的对数等于上个⽉幼兔(没有幼兔概念)// 幼兔的对数等于上个⽉成兔的对数注释：先思考在解题// 1. 打印⼀个星星var str = '';console.log(str);// 2. 把1执⾏10次打印10个星星并且打印空⾏for (var i = 0; i < 10; i++) {str += "*";}str += '\n';console.log(str);console.log('---------------------------------------------------------------');// 3. 把2执⾏10遍for (var j = 0; j < 10; j++) {for (var i = 0; i < 10 ; i++) {str += "*";}str += '\n';}console.log(str);// 分析过程// 循环次数 j值外层判断内层i值内层判断执⾏内层增量i 内层判断// 1 0 T 0 T * 1 T// 2 0 ... 1 T ** 2 T// 3 ...// ...// 9 0 ... 9 T 9* 10 F(跳出内层循环)// 10 1 T⼜⼀次进内层循环 0 T * 1 T// 11 1 ...// ...// 10 F(不满⾜条件终⽌循环)// 输出下⽅⾦字塔// *// **// ***// ****// *****// 分析: 星星的数量 = ⾏数外层循环控制⾏内层控制列现有⾏才有列for (var i = 1, str = ''; i <= 5; i++) {for (var j = 1; j <= i; j++) {str += '*';}str += '\n';}console.log(str); // 经典案例9 * 9 乘法表// 1 * 1 = 1// 1 * 2 = 2 2 * 2 = 4// 1 * 3 = 3 2 * 3 = 6 3 * 3 = 9// 每⼀⾏开始的数字都是1 ,第⼆个数字会根据列数会随着⾏数的变化⽽变化// 外层控制⾏, 内层控制列var str=''for(var i=1;i<=9;i++){for(var j=1;j<=i;j++){str+=j+'*'+i+'='+(j*i)+' '}str+='\n'}console.log(str);倒置的九九乘法表；var str=''for(var i=9;i>=1;i--){for(var j=1;j<=i;j++){str+=j+'*'+i+'='+(j*i)+' '}str+='\n'}console.log(str);// 输出下列形状// *// * * *// * * * * *// * * * * * * *// 1 1 1 * 2 - 1// 2 3 2 * 2 - 1// 3 5 3 * 3 - 1// 4 7 4 * 4 - 1以及倒置的等腰三⾓形// 第⼀种⽅法var str = '';// i 外层的循环控制⾏数for (var i = 1; i <= 4; i++) {// j 控制前⾯的空格数空格数等于总⾏数减去当前⾏数for (var j = 1; j <= 4 - i; j++) {str += ' ';}// k 控制星星星星个数 = 当前⾏数 * 2 -1for (var k = 1; k <= i * 2 - 1; k++) {str += '*';}str += '\n';}console.log(str);// 第⼆种⽅法// 偶数⾏跳出当前循环// 第三种⽅法for (var v = 1, start = '*'; v < 5; v++) {// console.log(v);console.log(" ".repeat(5 - v) + start.repeat(v) + start.repeat(v - 1 > 0 ? v - 1 : 0)); }倒置的等腰三⾓形var str=''for(var i=6;i>=1;i--){for(var j=1;j<=i;j++){str+=' '}for(k=1;k<=2*(6-i)-1;k++){str+='*';}str+='\n'}console.log(str); //输出菱形for(var i=1,str='';i<=5;i++){for(a=0;a<=5-i;a++){str+=' ';}for(b=1;b<=2*i-1;b++){str+='*';}str+='\n'}for(var i=1;i<=5;i++){for(c=1;c<=i;c++){str+=' '}for(d=1;d<=2*(5-i)+1;d++){str+='*'}str+='\n'}console.log(str); //函数//创建函数，计算1-n之间所有整数的和，调⽤多次function getsm(n){//形参for(var i=1,sum=0;i<=n;i++){sum+=i;}console.log(sum);}getsm(100);//创建函数,计算n1~n2 之间闰年的数量;function getrun(n1,n2){for(var count=0;n1<=n2;n1++){if(n1%4===0 && n1%100!==0 || n1%400===0){count++;}}console.log(count);}getrun(2000,2100)//创建函数，⽐较任意两个数字的⼤⼩，返回最⼤值function getMax1 (a,b){if(a>b){return a ;}else(a<b)return b;//return a > b ? a : b//三⽬运算法}console.log(getMax(8,9));//创建函数，⽐较任意三个数字的⼤⼩，返回最⼤值function getMax2(a,b,c ){var max;if(a>b){max=a;}else{max=b;}if(max>c){return max;}else{return c}/* var max = a>b ? a : b; //三⽊运算法//return res = max>c ? max : c */}consoel.log(getMax2(2,7,4));//创建函数模拟购物流程function bvr(n){switch(n){case 1:return '等待付款';case 2:return '卖家待发货';case 3:return '运输中';case 4:return '已签收';case 5:return '已取消';default :return '⽹络逃到外星球了~~~';}}var res=bvr(5);console.log(res)//创建函数，传递任意⼀个年份，如果闰年返回true,否则返回false;function year (v){if( v%4===0 && v%100!==0 || v%400===0 ){return 'true';}else{return 'false';}}var opk=year (2028);console.log(opk);if( year(2100)){console.log(366);}else if(year(2028)){console.log(365);}//创建函数，调⽤的时候，传递两个匿名函数，每个匿名函数中都是返回⼀个数字,要计算两个数字相加的和//回调函数(匿名函数以实参形式传递)function far(a,b) { //形参var number1=a( ); //调⽤匿名函数var number2=b( );console.log(number1+number2);}far(function ( ) { //实参return 6;},function ( ) {return 7; })。
js代码练习及答案
1.判断一个字符串中出现次数最多的字符，统计这个次数解析：方案一：方案二：2.document.write和innerHTML的区别？解析：document.write只能重绘整个页面,innerHTML可以重绘页面的一部分。
4. 编写一个方法，去掉一个数组的重复元素解析：方案一（推荐）：方案二：知识点：JavaScript splice() 方法定义和用法splice() 方法用于插入、删除或替换数组的元素。
语法arrayObject.splice(index,howmany,element1,.....,elementX)参数描述Index 必需。
规定从何处添加/删除元素。
该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
Howmany 必需。
规定应该删除多少元素。
必须是数字，但可以是"0"。
如果未规定此参数，则删除从index 开始到原数组结尾的所有元素。
element1可选。
规定要添加到数组的新元素。
从index 所指的下标处开始插入。
elementX可选。
可向数组添加若干元素。
返回值如果从arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。
说明splice() 方法可删除从index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
提示和注释注释：请注意，splice() 方法与slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。
实例例子1在本例中，我们将创建一个新数组，并向其添加一个元素：<script type="text/javascript">var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "<br />")arr.splice(2,0,"William")document.write(arr + "<br />")</script>输出：George,John,Thomas,James,Adrew,MartinGeorge,John,William,Thomas,James,Adrew,Martin例子2在本例中我们将删除位于index 2 的元素，并添加一个新元素来替代被删除的元素：<script type="text/javascript">var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "<br />")arr.splice(2,1,"William")document.write(arr)</script>输出：George,John,Thomas,James,Adrew,MartinGeorge,John,William,James,Adrew,Martin例子3在本例中我们将删除从index 2 ("Thomas") 开始的三个元素，并添加一个新元素("William") 来替代被删除的元素：<script type="text/javascript">var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "<br />")arr.splice(2,3,"William")document.write(arr)</script>输出：George,John,Thomas,James,Adrew,MartinGeorge,John,William,Martin5.插入排序：就是在已经排好序的数组中插入到相应的位置，以从小到大排序为例，扫描已经排好序的片段的每一项，如大于，则继续往后，直到他小于一项时，将其插入到这项的前面6.冒泡排序拓展：。
JavaScript实训参考
实训2 HTML文档基本操作
【实训步Байду номын сангаас】
（4）在top.html页中应用图像标记<img>调用在线音乐网的Banner广告，代码如下。 <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"><img src="images/bg.JPG" width="768" height="220" /></td> </tr> </table> （5）在bottom页中应用表格标记<table>、换行标记<br>输出版权信息，代码如下。 <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="70" align="center" bgcolor="#FFCC33"> 我 行 我 秀 在 线 音 乐 网
实训2 HTML文档基本操作
【实训步骤】
首页index.html实现框架的完整代码如下。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>在线音乐网</title> </head> <frameset rows="220,*" frameborder="no" border="0" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" /> <frameset rows="*,159" cols="*" framespacing="0" frameborder="no" border="0"> <frameset rows="*" cols="430,*" framespacing="0" frameborder="no" border="0"> <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" /> <frame src="main.html" name="mainFrame" id="mainFrame" /> </frameset> <frame src="bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" /> </frameset> </frameset> <noframes> <body bgcolor="#CCFF33"> </body> </noframes> </html>
《JavaScript 程序设计基础教程(第2版)》习题答案
ex.htm
m
第九章
一、判断题
1）对2）对3）错4）错5）对
6）对7）错8）错9）对10）错
11）错12）错13）错14）错15）对
二、单选题
1）B2）C3）A4）C5）A
6）D7）C8）D9）B10）C
5）对 与VBscript相比，javascript的优势在于它不仅使用于IE浏览器，也适用于其他浏览器。
6）错7）对8）错9）错10）错
11）错12）错13）错14）错15）对
二、单选题
1）C2）C3）C4）B5）A
6）B7）B8）C9）C10）D
11）D12）A13）C14）D15）A
16）C17）D18）B19）B20）C
4)设计一个含有表单的页面，并且在表单上放置一个文本框，当鼠标在页面上移动时，鼠标坐标将显示在这个文本框中。
ex.htm
5)设计一个表单，可以让用户输入姓名年龄职业，并验证。
ex.htm
6)是浏览该页面的窗口总是出现在其他页面的前面。
ex.htm
第十章
1) 设计一个页面，页面中有一个垂直滚动显示的文字条。
ex.htm
3)编写一个判断某个非负整数是否能够同时被3、5、7整除的函数，然后在页面上输出1~1000所有能满足这些条件的整数，并要求每行显示6个这样的数。
ex.htm
4)在页面上编程输出100~1000的所有素数，并要求每行显示6个数。
ex.htm
5)编写一个非递归函数Factorial（n），计算12！-10！的 结果。
* * * * *
ex.htm
7)有些三位数x，被4除余2，被7除余3，被9除余5，请求出这些数。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1、倒三角99乘法表<html><body><script language="javascript">document.write("<table border=1>")for(var j=1;j<=9;j++){for(var k=0;k<(j-1);k++)document.write("<td>");for(var i=j;i<=9;i++)document.write("<td>"+i+"*"+j+"="+i*j+"</td>"); document.write("<tr>");}document.write("</table>")</script> </body></html>2、正三角99乘法表<html><body><script language="javascript">document.write("<table border=1>")for(var j=1;j<=9;j++){for(var i=1;i<=j;i++)document.write("<td>"+i+"*"+j+"="+i*j+"</td>"); document.write("<tr>");}document.write("</table>")</script> </body></html>3、输出两个数之间能被5整除的数的和<html><body><script language="javascript">var n=0;var a=parseInt(prompt("请输入第一个数："));var b=parseInt(prompt("请输入第二个数："));if(a>b){document.write(b+"到"+a+"之间能被5整除的数的和是："); for(var i=b;i<=a;i++)if(i%5==0)n+=i;document.write(n+"<br>");}else{document.write(a+"到"+b+"之间能被5整除的数的和是："); for(var i=a;i<=b;i++)if(i%5==0)n+=i;document.write(n+"<br>");}</script></body></html>4、从键盘输入两个数，输出两个数中的最大的数。
<html><head><title>条件运算符</title></head><body><script language="JavaScript">var x,y,z;x=parseInt(prompt());y=parseInt(prompt());z=(x>=y)?x:y;document.write(z);</script></body></html>5、把半径在1-10的所有园周长小于30的周长输出。
<html><body><script language="javascript">var i=1;for(var j=1;j<=9;j++){var c=2*3.14*j;if(c<=30){document.write("第"+i+"个周长小于30的："+c+"<br>");i++;}}</script> </body></html>6、按钮显示时间<html><head><title>按钮显示效果</title><script language="JavaScript">function showData(){dtToday=new Date();alert(dtToday);}</script></head><body><h2>按钮显示时间</h2><hr>按一下按钮,显示当前系统时间!<form><input type="button" onclick="showData()" value="显示时间/日期"> </form></body></html>7、字符串大小写转换<html><head><title>字符串大小写转换</title></head><body><h2>字符串大小写转换</h2><hr><script language="JavaScript">str="Javascript";str1=str.toUpperCase();document.write("转换成大写之后的字符串: "+str1+"<br>");str2=str.toLowerCase();document.write("转换成小写之后的字符串: "+str2);</script></body></html>8、函数的参数传递求和<html><head><title>参数传递求和</title><script language="JavaScript">function sum(a){var sum=0;for(var i=0;i<=a;i++){sum+=i;}return sum;}</script></head><body><h2>函数的参数传递求和</h2><hr><script language="JavaScript">var n;n=(parseInt)(prompt("请您输入您想要计算的数:"," ")); var Total=sum(n);document.write("1--"+n+"相加的结果是: "+Total+"<br>"); var m;m=(parseInt)(prompt("请您输入您想要计算的数:"," ")); var Total0=sum(m);document.write("1--"+m+"相加的结果是: "+Total0);</script></body></html>9、With语句的练习<html><head><title>With对象语句的练习使用</title><script language="JavaScript">//对象属性输出的构造函数function printData(){document.write("书名: "+title+"<br>");document.write("编号: "+code+"<br>");document.write("作者: "+author+"<br>"); document.write("价格: "+price+"<br><hr>");}</script></head><body><h2>With对象语句的练习使用</h2><hr><script language="JavaScript">//建立自定义对象var objMybook = new Object();with(objMybook){//新增对象属性title = "Javascript基础与实例教程";code = "9787508356419";author = "陈会安";price = 39.00;}//显示objMybook的对象属性printData();</script></body></html>10、for in语句的使用<html><head><title>for/in循环</title></head><body><h2>for/in循环</h2><hr><script language="JavaScript">var prop;var objMybook = new Object();//建立对象//设置对象属性objMybook.title = "Javascript基础与实例教程";objMybook.code = "9787508356419";objMybook.author = "陈会安";objMybook.price = "39.00";//循环语句for(prop in objMybook){document.write("属性: "+prop+"="+objMybook[prop]+"<br>");} //显示objMybook2的对象属性</script></body></html>11、编制程序使每隔一定时间更换一张广告图片<html><head><title>Array对象的属性和方法的练习</title><script language="JavaScript">var i=0;var pic1=new Array("2.jpg","3.jpg","4.jpg","6.jpg");function showpic(){ pic.src=pic1[i];i++;if(i>=4)i=0;setTimeout("showpic()",1000);}</script></head><body onload="showpic()"><img id="pic"></body></html>12、不断变色的文字<html><head><script language="javascript">i=0;yanse=new Array("red","blue","green","pink","black");function chyanse(){ee.style.color=yanse[i]i++;if(i>=yanse.length)i=0;setTimeout("chyanse()",1000);}</script></head><body onload="chyanse()"><div id="ee"><font size=60>这是不断变色的文字</font></div></body></html>13、标题内容的滚动<html> <head> <title></title><script language="JavaScript">var msg="欢迎来到网页特效，各种乐趣无限..." function scrollTitle(){ window.document.title=msgmsg=msg.substring(1,msg.length)+msg.substring(0,1) timeID=setTimeout("scrollTitle()",200)} </script> </head><body onload="scrollTitle()"></body> </html>14、confirm的使用<html><body><script language="javascript">aa=confirm("请按“确定”或“取消”按钮");if(aa) alert("你按了【确定】按钮");else alert("你按了【取消】按钮");</script> </body></html>15、alert的使用<html> <head><title>alert()警告信息</title><body><script language="JavaScript">alert('警告信息文字!')</script></body></html>16、prompt的使用<html><head><title>prompt()输入文字内容的对话框</title> <body><script language="JavaScript">prompt('请输入姓名!', '陈会安')</script></body></html>17、获取当前时间<html><head><title>获取日期时间</title></head><body ><h2>获取日期时间</h2><hr><script language="JavaScript">var now=new Date();var y=now.getYear()+"/";var m=now.getMonth()+1+"/";var d=now.getDay()+"/";document.write("系统日期："+now+"<br>") ;var time=new Date();var h=time.getHours();var mm=time.getMinutes();var s=time.getTime()%60000;s=(s-(s%1000))/1000;var clock=h+':';if(mm<10)clock+='0';clock+=mm+':';if(s<10)clock+='0';clock+=s;document.write("系统时间："+clock) ;</script> </body></html>18、全中文显示当前日期<html><head><title>全中文显示当前日期</title></head><body><h2>全中文显示当前日期</h2><hr><script language="JavaScript">var s=new Array("零","一","二","三","四","五","六","七","八","九"); var time=new Date();var year=time.getFullYear();var month= time.getMonth()+1;var date=time.getDate();var a=""+year;for(i=0;i<a.length;i++)document.write(s[a.charAt(i)]);document.write("年");var c=""+month;if(c<10)document.write( s[c]+"月");else if(c==10)document.write("十" +"月");else if(c>10)document.write( "十"+s[c.charAt(1)]+"月");var b=""+date;if(b<10)document.write( s[b]+"日");else if(b==10)document.write("十"+"日" );else if(b<20&&b>10)document.write( "十"+s[b.charAt(1)]+"日"); else if(b==20)document.write("二十"+"日");else if(b<30&&b>20)document.write("二十"+s[b.charAt(1)]+"日"); else if(b==30)document.write( "三十"+"日");else if(b>30)document.write("三十"+s[b.charAt(1)]+"日");</script></body></html>19、获取动态时钟<html> <head><title>获取动态时钟</title><script language="JavaScript">function showtime(){ var t=new Date();var hours=t.getHours();var minutes=t.getMinutes();var seconds=t.getSeconds();Timevalue=((minutes<10)? ":0" : ":")+minutes;Timevalue+=((seconds<10)? ":0" : ":")+seconds;show.innerHTML=hours+Timevalue;timer=setTimeout("showtime()",1000);}</script></head><body onload="showtime()"><h2>获取动态时钟</h2><hr><form><center><div id="show"></div></center><script language="JavaScript">var weekday=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");、var d=new Date();var output=d.getDate()+"/";output+=(d.getMonth()+1)+"/";output+=d.getFullYear()+"<br>";document.write("系统日期:"+output);document.write(weekday[d.getDay()]);</script></body></html>20、计算节日倒计时（以毫秒计算）<html><head><title>计算节日倒计时</title></head><body><h2>计算节日倒计时</h2><hr><script language="JavaScript">var d=new Date();document.write(d+"<br>");var d1=d.getTime();var d2=new Date(2009,11,25);document.write(d2+"<br>");var d3=d2.getTime()var d4=d3-d1;document.write("从现在到节日还需要的毫秒数:"+d4);</script> </body></html>21、计算节日倒计时（以对话框的形式按天计算）<html><head><title>计算节日倒计时</title></head><body><script language="javascript">var year=parseInt(prompt("请输入年（yyyy）:"," "));var month=parseInt(prompt("请输入月（mm）:"," "));var day=parseInt(prompt("请输入日（dd）:"," "));var future=new Date(year,month-1,day);var today=new Date();var d=Math.abs(future.getTime()-today.getTime());var days=Math.floor(d/(1000*60*60*24));document.write(today.toLocaleString()+"与"+future.toLocaleString()+"之间的天数为："+days+"<br>");</script></body></html>22、编制一个小程序，它用于在打开当前窗口时自动打开另一个窗口<html><head><title>窗口的打开与关闭</title><script language="JavaScript">var winID=null;function openWindow(){ winID=window.open("2.html","JavaScript");}function newWindow(url,winname){var strFeatures="location=0,menubar=0,resizeable=0,scrollbars=0,status=1,titlebar=0, toolbar=0";winID=window.open(url,winname,strFeatures);}</script></head><body onload="newWindow('3.html')"><h2>窗口的打开与关闭</h2><hr><form><input type=button value="打开窗口" onclick="openWindow()"></form></body></html>23、编写以下形式的程序<html><head><title>窗口的打开与关闭</title><script language="JavaScript">var winID=null;function openWindow(){ winID=window.open("3.html","JavaScript");}function closeWindow(){winID.close();}function openFullWindow(url,winname){ winID = window.open(url,winname,"fullscreen=1");}function openFixedWindow(url,winname){var strFeatures="location=0,menubar=0,left=30,top=20,screenX=400,screenY=350, innerHeight=200,innerWidth=250";winID=window.open(url,winname,strFeatures);}</script></head><body onunload="closeWindow()"><h2>窗口的打开与关闭</h2><hr><form><p><input type=button value="打开窗口" onclick="openWindow()"></p><p><input type=button value="关闭窗口" onclick="closeWindow()"></p><p><input type=button value="打开固定窗口大小" onclick="openFixedWindow('3.html')"></p> <p><input type=button value="打开全屏幕窗口" onclick="openFullWindow('21.html')"></p> </form></body></html>24、在状态拦显示动态滚动的文字。