第二套
1.对数组排序
<html>
<title>对数组排序</title>
<body>
<script>
//生成一个m、n之间的整数
function rand(m,n){
/* **********Found********** */
var i=Math.random();
/* **********Found********** */
return Math.round((n-m)*i+m); /* 四舍五入得到整数 */
}
function getRandomArr(m,n,l){
//m：生成随机整数的最小值，n：生成随即整数的最大值，l：生成的数组的长度
var resultArr=[];
for(var i=0;i<l;i++){
/* **********Found********** */
resultArr.push(rand(m,n)) //将生成的随机整数放入数组
}
return resultArr;
}
var a = getRandomArr(1,20,4);
/* **********Found********** */
alert("排序之前的数组是：" + a + "\n" + "排序之后的数组是：" + a.sort((x,y)=>x-y));
</script>
</body>
</html>
Math.round((n - m) * i + m);这段代码是将随机数i在范围(m, n)
内进行插值。具体来说，通过以下步骤：
(n - m)计算范围的长度。- 将范围长度乘以随机数
i，即(n - m) * i，得到一个相对于范围长度的比例值。- 将比例值与最小值
m相加，即(n - m) * i + m，得到相对于最小值的偏移量。- 最后使用
Math.round()方法将偏移量四舍五入为最接近的整数。这样，我们可以得到一个在范围
(m, n)内均匀分布的随机整数。
2. 用样式表控制文字
<HTML>
<HEAD>
<TITLE>CSS+JS控制文字</TITLE>
</HEAD>
<BODY>
<STYLE>
BODY {font-size: 8pt; font-family: Arial;}
/* **********Found********** */
.datahead{font-size: 12pt; font-family: Arial; background-color: #00ccff; }
/* **********Found********** */
#dataitem{font-size: 8pt; font-family: Arial; background-color: #00ff00; }
</STYLE>
<SCRIPT>
function fnChangeStyle(sValue){
/* **********Found********** */
if(sValue.indexOf("CLEAR")>-1){ sValue="";
return document.getElementById('oScratch').style.color =sValue;}
//alert(jskdkdf);}
else{
return document.getElementById('oScratch').style.color =sValue;
}
}
</SCRIPT>
<H1>请用样式表控制下列文字</H1>
<!-- *********Found********* -->
<DIV ID="oScratch" STYLE="border: 5px solid; border-color: #101010; background-color: #CFCFCF; color: #ff0000; font-size: 12pt; font-family: 'Arial';"> 为进一步适应新时期计算机应用技术的发展和人才市场需求的变化，教育部考试中心对NCRE考试体系进行调整，改革考试科目、考核内容和考试形式。从2013年下半年考试开始，将实施2013年版考试大纲，并按新体系开考各个考试级别。
</DIV>
<P>
<TABLE >
<TR>
<TD CLASS="datahead"><b>请选择你喜欢的颜色：</b></TD>
</TR>
<!-- *********Found********* -->
<TD ><SELECT ID="dataitem" onchange="fnChangeStyle(this.options[this.options.selectedIndex].text)">
<OPTION>Red
<OPTION>White
<OPTION>Blue
<OPTION>Yellow
<OPTION>Silver
<OPTION>Gold
<OPTION>CLEAR THIS RUNTIME STYLE
</SELECT>
</td>
</TR>
</TABLE>
</body>
</html>
indexOf是一种常见的字符串方法，用于查找一个字符串中特定字符或子字符串第一次出现的位置。在 JavaScript 中，你可以使用
indexOf方法来查找一个字符串中某个字符或子字符串的索引位置。方法的用法如下：
javascript string.indexOf(searchValue, fromIndex)
searchValue：要查找的字符或子字符串。fromIndex（可选）：指定搜索的起始索引位置。如果不指定该参数，则默认从字符串的起始位置开始搜索。该方法返回第一次出现搜索值的索引位置。如果没有找到匹配的值，则返回 -1。
以下是一个示例：
console.log(str.indexOf("o"));
// 输出 4
console.log(str.indexOf("l"));
// 输出 2
console.log(str.indexOf("x"));
// 输出 -1
indexOf 方法分别查找字符串 str 中字符 “o”、“l” 和 “x” 第一次出现的索引位置。如果找到了匹配的值，将返回对应的索引位置；否则返回 -1。
selectedIndex是用于获取或设置 HTML 表单元素（如 元素）的选中项的属性。在 HTML 表单中，当使用 元素创建一个下拉列表时，可以使用 selectedIndex
属性来获取或设置当前被选中的选项的索引。获取 selectedIndex 属性的值：使用
element.selectedIndex来获取当前选中项的索引。索引值从 0开始，表示第一个选项，然后依次递增。如果没有选中任何项，则返回 -1。
3.小知识点
<img ______="turtle.jpg" width="800" height="600" ________ = 欢迎点击图片进入一个新的世界 ______ = 可爱的小乌龟>
title alt<style _______="text/css">type<TABLE ________="1" cellpadding="5" align="center" bgcolor="#dddddd">border><INPUT name="sex" type="radio" checked = "_______">男true
第三套
1. 大小写字母互相转换
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>5</title>
<script>
function test(){
var temp = "hAPPY,i'm a student,NOW"; var temp1 = "";
for(var i=0; i<temp.length; i++){
/* ********FOUND********* */
var ch = temp.____________;
var as = temp.charCodeAt(i);
if(65<=as&&as<=90){
/* ********FOUND********* */
temp1+=ch.____________; }
else if(97<=as&&as<=122){
/* ********FOUND********* */
temp1+=ch.____________;}
else{
temp1+=ch; } }
document.write("转换之前"+temp+"<br>"+"转换之后"+temp1); }
</script> </head>
<body>
<!-- ********FOUND********* -->
点击转换大小写<input type="button" value="转换" onclick="test()"> </body> </html>
var ch = temp.substr(i,1);
// 获取字符串中的单个字符
var as = ch.charCodeAt(ch);
// 获取字符的 ASCII 码值
过程中，没有对标点符号做处理，直接原样输出。
2. 显示年月日
<html>
<head>
<title>1</title>
<style >
/* ********FOUND********* */
____________{color:blue}
</style>
</head>
<body>
<script>
var str1=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
/* ********FOUND********* */
var dd=new ____________;
var year=dd.getFullYear();
var str2=new Array("January","February","March","April ","May ","June","July ","Auguest ","Septemper ","October","November ","December");
/* ********FOUND********* */
var month=____________;
/* 此处获得星期几 */
/* ********FOUND********* */
var day=____________;
/* ********此处获得月份中的日********* */
/* ********FOUND********* */
var date=____________;
/* ********FOUND********* */
document.write("Today is"+str1[____________]+","+str2[____________]+" "+date+","+year+".");
</script>
</body>
</html>
答案
<html>
<head>
<title>1</title>
<style >
/* ********FOUND********* */
body{color:blue}
</style>
</head>
<body>
<script>
var str1=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
/* ********FOUND********* */
var dd=new Date();
var year=dd.getFullYear();
var str2=new Array("January","February","March","April ","May ","June","July ","Auguest ","Septemper ","October","November ","December");
/* ********FOUND********* */
var month=dd.getMonth();
/* 此处获得星期几 */
/* ********FOUND********* */
var day=dd.getDay();
/* ********此处获得月份中的日********* */
/* ********FOUND********* */
var date=dd.getDate();
/* ********FOUND********* */
document.write("Today is"+str1[day]+","+str2[month]+" "+date+","+year+".");
</script>
</body>
</html>
通过
getMonth()方法获取当前的月份，返回值是 0 到 11 之间的数值，需要注意将其与实际的月份名称对应。使用
getDay()方法获取当前是星期几，返回值为 0 到 6 的数字，其中 0 表示星期日，1 到 6 分别表示星期一到星期六。最后，使用
getDate()方法获取当前日期，即月份中的日期，返回值为 1 到 31 的数字。
3. 小知识点
p {_____:italic} font-style 斜体
第四套
1. 表格
<!-- **********Found********** -->
<table border=1 align=center>
<tr>
<!-- **********Found********** -->
<th _______________=2>学号</th>
<!-- **********Found********** -->
<th _____________=2>姓名</th>
<!-- **********Found********** -->
<th _____________=3>理科</th>
<!-- **********Found********** -->
<th ______________=2>理科总分</th>
<tr>
<th>数学成绩</th>
<th>物理成绩</th>
<th>化学成绩</th>
<tr>
<td>96001</td>
<td>张阳</td>
<!-- **********Found********** -->
<td align="______________">90</td>
<!-- **********Found********** -->
<td align="______________">80</td>
<td>70</td>
<td>240</td>
<tr>
<td>96002</td>
<td>王刚</td>
<td>75</td>
<td>60</td>
<td>70</td>
<td>205</td>
</table>
rowspan
colspan
2. 改背景
答案
<HTML>
<HEAD>
<STYLE>
ul{list-style:none;}
/* **********Found********** */
li{display:block;
padding:4px;
width:100px;
float:left;
text-align:center;
}
/* **********Found********** */
a,a:link{
/* **********Found********** */
display:block;
height:2em;
line-height:2em;
width:100px;
/* **********Found********** */
background:url('web2-1.jpg');
}
/* **********Found********** */
a:hover{background:url('web2-2.jpg');}
</STYLE>
</HEAD>
<BODY>
<ul>
<li><a href="#">栏目一</a></li>
<li><a href="#">栏目二</a></li>
<li><a href="#">栏目三</a></li>
<li><a href="#">栏目四</a></li>
<li><a href="#">栏目五</a></li>
<li><a href="#">栏目六</a></li>
</ul>
</BODY>
</HTML>
background:url
a:link 未被访问时
3. 提交复选框的值
<html>
<!-- **********Found********** -->
<form ______________='form1'>
<!-- **********Found********** -->
看书<input type='checkbox' name='box' value='看书'>
<!-- **********Found********** -->
游戏<input type='checkbox' name='box' value='游戏' >
<!-- **********Found********** -->
<input type='submit' name='btn' value="提交" onclick='fun()'>
</from>
<script language='javascript'>
function fun(){
var result=""
/* **********Found********** */
var checkbox = document.getElementsByName("box");
for(var i=0;i< checkbox.length;i++){
/* **********Found********** */
if(checkbox[i].___________==true){
result = result+ checkbox[i].value+";"
}
}
alert(result);
}
</script>
</html>
4. 定时器移动块
<HTML>
<HEAD>
<TITLE>颜色块移动</TITLE>
<SCRIPT LANGUAGE="javascript">
function move(){
/* **********Found********** */
var toy =document.getElementById("toy");
/* **********Found********** */
toy.style.left = parseInt(_____________) + 10 + "px";
}
/* **********Found********** */
var id = window.setInterval(move(), 1000);
/* **********Found********** */
window.______________(function(){
/* **********Found********** */
window._______________(id)
}, 10000);
</SCRIPT>
</HEAD>
<BODY>
<div id="toy" style="width:30px;
height:30px;
/* **********Found********** */
_____________:#ff0000;
position:absolute;left:20px">
</div>
<BODY onLoad="javaScript:move()">
</BODY>
</HTML>
var id = window.setInterval(move, 1000);也可以写成var id = window.setInterval("move()", 1000);这两种写法都是可以将 move 函数本身作为回调函数传递给 setInterval 方法，并在每个时间间隔触发时执行该函数。当 setInterval(“move()”, 1000) 被调用时，它会创建一个定时器，并每隔 1000 毫秒（即 1 秒）触发一次。在每次触发时，JavaScript 解析 “move()” 这个字符串，并执行其中的代码。通过将函数以字符串形式传递给 setInterval()，可以确保浏览器解析和执行这个字符串，并在每个时间间隔内调用 move() 函数。
var id = window.setInterval(move(), 1000);这种写法不对。因为在这种情况下，move() 函数会立即执行并将其返回值作为 setInterval 方法的第一个参数。这样，setInterval 方法实际上会以 move() 函数的返回值作为回调函数，而不是直接以 move 函数本身作为回调函数。
答案
<HTML>
<HEAD>
<TITLE>颜色块移动</TITLE>
<SCRIPT LANGUAGE="javascript">
function move(){
/* **********Found********** */
var toy =document.getElementById("toy");
/* **********Found********** */
toy.style.left = parseInt(toy.style.left) + 10 + "px";
}
/* **********Found********** */
var id = window.setInterval(move, 1000);
/* **********Found********** */
window.setInterval(function(){
/* **********Found********** */
window.clearInterval(id)
}, 10000);
</SCRIPT>
</HEAD>
<BODY>
<div id="toy" style="width:30px;
height:30px;
/* **********Found********** */
background:#ff0000;
position:absolute;left:20px">
</div>
<BODY onLoad="javaScript:move()">
</BODY>
</HTML>
5.树形菜单
<HTML>
<HEAD>
<!-- **********Found********** -->
<META http-equiv="Content-Type" content="text/html; _______=gb2312">
<TITLE>树形菜单</TITLE>
<STYLE type="text/css">
DIV {
FONT-SIZE:13px;
COLOR:#000000;
LINE-HEIGHT:22px;
}
A{
FONT-SIZE:13px;
COLOR:#000000;
TEXT-DECORATION:none
}
/* **********Found********** */
A:hover{
FONT-SIZE:20px;
COLOR:#FF0000}
</STYLE>
<SCRIPT language="JavaScript">
function show(d1){
/* **********Found********** */
if(document.getElementById(d1).style.display=='none'){
//如果触动的层处于隐藏状态，即显示
/* **********Found********** */
document.getElementById(d1).style.display='block';
}else{
//如果触动的层处于显示状态，即隐藏
/* **********Found********** */
document.getElementById(d1).style.display='none';
}}
</SCRIPT>
</HEAD>
<BODY>
<DIV HEIGHT="30">
<FONT color="#CC0000">
<B>树形菜单：</B>
</FONT>
</DIV>
<!-- **********Found********** -->
<A href="javascript:onClick=show(1)"><B>新闻</B></A>
<!-- **********Found********** -->
<DIV id="1" style="display:none">
--国内<BR>
--国际<BR>
--社会<BR>
--军事
</DIV>
<DIV>
<!-- **********Found********** -->
<A href="javascript:onClick=show(2)"><B>财经</B></A>
</DIV>
<!-- **********Found********** -->
<DIV id="2" style="display:none">
--股票<BR>
--基金<BR>
--外汇<BR>
--期货</DIV>
</BODY>
</HTML>
charset
别忘记传值！！！！！！！！！！！！！！
第五套
1. 计算健康值
<script language="JAVASCRIPT">
function ClearForm(form){
form.weight.value = "";
form.height.value = "";
form.bmi.value = "";
form.my_comment.value = "";
}
function bmi(weight, height) {
bmindx=weight/eval(height*height);
return bmindx;
}
function checkform(form) {
if (form.weight.value==null||form.weight.value.length==0
|| form.height.value==null||form.height.value.length==0){ <!--如果身高或者体重项为空或者不是数字，则弹出提示框-->
/* ********FOUND********* */
alert("\n对不起！输入错误！");
return false;
}
else if (parseFloat(form.height.value) <= 0|| <!--如果身高或体重项小于等于0或者大于等于500，则弹出提示框-->
parseFloat(form.height.value) >=500||
parseFloat(form.weight.value) <= 0||
parseFloat(form.weight.value) >=500){
/* ********FOUND********* */
alert("\n这个机器可不是逞能的 \n你输的数字我头都大了 \n快改正一下，再测试一遍……");
/*清除所填写的内容*/
/* ********FOUND********* */
ClearForm(form);
return false;
}
return true;
}
function computeform(form) {
/*检测输入是否正确*/
/* ********FOUND********* */
if (checkform(form)) {
/* ********FOUND********* */
yourbmi=Math.round(bmi(form.weight.value, form.height.value/100));
/* ********FOUND********* */
form.bmi.value=yourbmi;
if (yourbmi >30) { form.my_comment.value="不要再闹了!!!哪有这种身材";
}
else if (yourbmi >28 && yourbmi <=30) { form.my_comment.value="你再不减肥就完蛋了！";
}
else if (yourbmi >23 && yourbmi <=28) { form.my_comment.value="您是不是胖了点?";
}
else if (yourbmi >21 && yourbmi <=23) { form.my_comment.value="我敢打赌，你一定经常抢吃的，不然不会偏胖";
}
else if (yourbmi >=19 && yourbmi <=21) { form.my_comment.value="哇!!!棒级了!是标准身材！";
}
else if (yourbmi >=18 && yourbmi <19) {
form.my_comment.value="朋友，很明显你的营养不良(^_^)";
}
else if (yourbmi >=17 && yourbmi <18) { form.my_comment.value="这个不是火柴杆吗?(^_^)";
}
else if (yourbmi <17) { form.my_comment.value="按照生物学来说这种生物是不能生存的";
}
}
return;
}
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}
function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>
<form NAME="BMI" method="POST">
<div align="center">
<center>
<!-- ********FOUND********* -->
<table border="1" bordercolorlight="#808080" cellspacing="1" bordercolordark="#FFFFFF" bgcolor="#00FFFF" width="450">
<tr>
<td width="65"><div align="center"><center><p>体重(kg)
</div>
</center></td>
<td align="center" width="64"><div align="center"><center><p>身高(cm)
</div>
</center></td>
<td align="center" width="55"><div align="center"><center><p>健康值
</div>
</center></td>
<td align="center" width="120"><div align="center"><center><p>电脑评价
</div>
</center></td>
<td align="center" width="65"><input TYPE="reset" VALUE="取 消"
/* ********FOUND********* */
onClick="computeform(this.form)"> </td>
</tr>
<tr align="center">
<td width="65"><input TYPE="TEXT" NAME="weight" SIZE="6" onFocus="this.form.weight.value=''"></td>
<td width="64"><input TYPE="TEXT" NAME="height" SIZE="6" onFocus="this.form.height.value=''"></td>
<td width="55"><input TYPE="TEXT" NAME="bmi" SIZE="5"></td>
<td width="120" ><input TYPE="TEXT" NAME="my_comment" size="20"></td>
<!-- ********FOUND********* -->
<td width="65" onclick="changeto('#FF0000')" changeback="changeback('white')"><input TYPE="button" VALUE="确 定"
/* ********FOUND********* */
onClick="computeform(this.form)"></td>
</tr>
</table>
</center>
</div>
<div align="center"><center><p> </p>
</center></div>
</form>
<td onmouseover="changeto('#FF0000')" onmouseout="changeback('white')"></td>鼠标移入和移出的效果
小知识点
- 下划线用
<u></u> - 行内字体样式用
<_______="楷体_GB2312" color="red" size="5">绝对字体大小为5的红色楷体字</font>font-face document.write("<br>");是在页面上创建一个可见的换行符，而document.write("\n");则不会在页面上产生可见的换行效果，仅会在输出的文本中添加一个换行符。（注意不可以去掉双引号document.write("<br>");，只有变量在document.write（）中可以不加双引号）- RGB 表示红色（Red）、绿色（Green）和蓝色（Blue）的色彩通道数值。它由三个整数值组成，每个值的范围是 0 到 255，分别代表相应颜色通道的强度。例如，
rgb(255, 0, 0)表示红色，rgb(0, 255, 0)表示绿色，rgb(0, 0, 255)表示蓝色。
以下是一些常见的 RGB 颜色代码示例：
红色：rgb(255, 0, 0) 或 #FF0000
绿色：rgb(0, 128, 0) 或 #008000
蓝色：rgb(0, 0,255) 或 #0000FF
黄色：rgb(255, 255, 0) 或 #FFFF00
粉红色：rgb(255, 192, 203) 或
#FFC0CB
橙色：rgb(255, 165, 0) 或 #FFA500
紫色：rgb(128, 0, 128) 或 #800080
青色：rgb(0, 255, 255) 或 #00FFFF
黑色：rgb(0, 0, 0) 或 #000000
白色：rgb(255, 255, 255) 或 #FFFFFF
第六套
1.输出1000内 3,5,7的除数
<html>
<head>
<script language=javascript>
function IsThatNumber(x)
{
/* ********FOUND********* */
return x%3==0 ________ x%5==0 ________ x%7==0;
}
</script>
</head>
<body>
<pre><script language=javascript>
var n,nb=0;
for(n=1;n<1000;n++)
{
/* ********FOUND********* */
if (___________)
{
/* ********FOUND********* */
if (_________) document.write(",");
nb++;
document.write(n);
/* ********FOUND********* */
if (__________) document.write("\n");
}
}
document.write("\n\n");
document.write("共有"+nb+"个数");
</script>
</pre>
</body>
</html>
小知识点
<body ______="black">bgcolor- checked radio
