第一次JavaScript实验
实验主题:内置对象(1)
实验内容:
1. 熟悉JavaScript常见内置对象及其关系;
2. 熟练应用String对象和Array对象;
3. 动手操作:
①数组的升序与降序排列练习
1 升序排列代码
让数组按照升序降序排列
这里写个数组var array=[89,28,49,654,6758,5768];
升序输出:
var array=[89,28,49,654,6758,5768];
array.sort(function (x,y) {
return x-y;
});
document.writeln(array);
2降序排列
降序排列:
这里写个数组var array=[59,689,62,92,68,10];
降序输出
var array=[59,689,62,92,68,10];
array.sort(function (x,y) {
return y-x;
});
document.writeln(array);
②字符串的交叉合并练习
#form{
margin: 0 auto;
width:500px;
top:100px;
height:300px;
}
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 = "";
var font2 = "";
var fontend = "";
if(str1.length>=str2.length){
for(var i =0;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 if(i< str1.length){ string += font1+str1[i]+fontend + font2+str2[i]+fontend; }else{ string += font2+str2[i]+fontend; } } } document.all.result.innerHTML = string; } 字符串1: 字符串2:交叉合并字符串
实验总结:
①如何声明并使用数组,实现数组遍历?
②实现字符串中内容查找的方法有哪些?分别适用于何种情况?
Js1k:用1k的代码做出炫目的效果。代码扩写 犀牛书 微信公众号:前端大全 1. ***变量 2. ***数据类型 一.***变量:内存中存储*一个*数据的存储空间,再起一个名字 何时使用:程序中反复使用的数据,都要先保存在变量中,再参与运算 如何使用:声明赋值取值 1. 声明:在内存中创建一个新变量 如何声明:var 变量名; 仅声明,但暂未赋值,默认值为undefined 变量命名:1. 不能以数字开头,仅能包含字母,数字和下划线 2. 不能用保留字:js中已经预先使用的关键字 比如:name X 3. 见名知意 4. 驼峰命名:第一个单词首字母小写, 之后每个单词首字母大写: 比如:backgroundColor,listStyleType 2. 赋值:将等号*右边*的数据,保存到等号*左边*的变量中 如何赋值:变量名=值;il *对已经包含值的变量赋新值,新值会替换旧值* 建议:1. 在声明同时,初始化变量的值 如何在声明同时初始化:var 变量名=值; 3. 取值:只要使用变量名,在运行时,会被自动替换为变量中的值 特殊情况:3种: 1. 只声明,但未赋值的变量,可任意使用 比如:var hb; console.log(hb); //undefined 2. 从未声明的变量,不能使用(取值)! 报错:ReferenceError: XXX is not defined 3. 未声明的变量,却可赋值!——其实和var不一样 强烈建议:必须用var声明变量 ***声明提前:在程序正式*执行前*,都会将var声明的变量提前到*当前脚本块*的顶部集中声明。再开始执行程序。***赋值留在原地*** 常量:一旦初始化,值不能改变的量 何时使用:程序中,一旦定义不可擅自改变的值,都要用常量保存 如何创建:const 常量名=值; 用作常量的名称,都要大写字母 强行修改常量的值,不会报错,但也无法修改成功!
实验项目:浏览器脚本语言及其应用 实验类型:设计 实验课时:4 实验目的:研究javascript及其应用 实验方案: 1 研究将JavaScript引入HTML页面 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
3 研究JavaScript名称 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。 3 研究JavaScript值 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
你最喜欢的水果是?