二级web操作题（1-6）
第二套
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.小知识点
title alt