当前位置:文档之家› JavaScript实验报告

JavaScript实验报告

第一次JavaScript实验实验主题:内置对象(1)
实验内容:
1. 熟悉JavaScript常见内置对象及其关系;
2. 熟练应用String对象和Array对象;
3. 动手操作:
①数组的升序与降序排列练习
1 升序排列代码
<html>
<head>
<title>数组数字大小排序</title>
</head>
<body>
<p>让数组按照升序降序排列</p>
<p>这里写个数组var array=[89,28,49,654,6758,5768];</p> <p>升序输出:</p>
<script type="text/javascript">
var array=[89,28,49,654,6758,5768];
array.sort(function (x,y) {
return x-y;
});
document.writeln(array);
</script>
</body>
</html>
2降序排列
<html>
<head>
<title>数组数字大小排序</title>
</head>
<body>
<p>降序排列:</p>
<p>这里写个数组var array=[59,689,62,92,68,10];</p> <p>降序输出</p>
<script type="text/javascript">
var array=[59,689,62,92,68,10];
array.sort(function (x,y) {
return y-x;
});
document.writeln(array);
</script>
</body>
</html>
②字符串的交叉合并练习
<html>
<head>
<title>交叉合并字符串</title>
<style>
#form{
margin: 0 auto;
width:500px;
top:100px;
height:300px;
}
</style>
<script type="text/javascript">
var reg = "^[A-Za-z0-9]+$";
function check(){
var str1 =document.all.str1.value;
var str2 =document.all.str2.value;
if(str1==""){
alert("字符串一不允许为空!");
document.all.str1.focus();
return;
}else if(!/^[A-Za-z0-9]+$/.test(str1)){
alert("字符串一只能是数字和字母的组合");
document.all.str1.focus();
return;
}else if(str2==""){
alert("字符串二不允许为空!");
document.all.str2.focus();
return;
}else if(!/^[A-Za-z0-9]+$/.test(str2)){
alert("字符串二只能是数字和字母的组合");
document.all.str2.focus();
return;
}
var string="";
var font1 = "<font style='color:red;'>";
var font2 = "<font style='color:blue;'>";
var fontend = "</font>";
if(str1.length>=str2.length){
for(var i =0;i<str1.length;i++){
if(i< str2.length){
string += font1+str1[i]+fontend+ font2+ str2[i]+fontend;
}else{
string += font1+str1[i];
}
}
}else{
for(var i =0;i<str2.length;i++){
if(i< str1.length){
string += font1+str1[i]+fontend + font2+str2[i]+fontend;
}else{
string += font2+str2[i]+fontend;
}
}
}
document.all.result.innerHTML = string;
}
</script>
</head>
<body>
<div id="form">
<center><h2>交叉合并字符串</h2></center>
字符串1:<input type="text" id="str1"/><br/>
字符串2:<input type="text" id="str2"/><br/>
<input type="button" value="交叉合并字符串" onclick="check();"/>
<br />
<div id="result"></div>
</div>
</body>
</html>
实验总结:
①如何声明并使用数组,实现数组遍历?
②实现字符串中内容查找的方法有哪些?分别适用于何种情况?如有侵权请联系告知删除,感谢你们的配合!。

相关主题