<javascript>每日小结
2016-02-25 17:22
701 查看
1.使用webstorm的时候,直接创建html文件,无需将html文件再放到文件夹中;创建css文件时注意需添加.css后缀。
2.javascript,二维数组的使用有两种方法:
(1)直接赋值:
var myarr=[[1,2],[2,3],[3,4]];
(2)先new一维数组,再做成二维数组:
var myarr=new Array();
if(i=0;i<10;i++){
myarr[i]=new Array();
if(j=0;j<2;j++){
myarr[i][j]=i+j;
}
}
3.switch语句中,如果每个case所要执行的都不一样,那么在每一个case后面都应该加一个break;
4.声明一个变量最好需要制定它的类型,比如:var num=0、var num=‘ ‘、var num=[];
5.赋值:document.getElementById(“id”).value =要赋给它的值;
取值:var = document.getElementById(“id”).value;
注意:使用parseInt()函数可解析一个字符串,并返回一个整数。如:
var txt1=parseInt(document.getElementById("txt1").value);
代码1 实现简单的数组筛选:
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos=[
['小A','女','21','大一'],
['小B','男','23','大三'],
['小C','男','24','大四'],
['小D','女','21','大一'],
['小E','女','22','大四'],
['小F','男','21','大一'],
['小G','女','22','大二'],
['小H','女','20','大三'],
['小I','女','20','大一'],
['小J','男','20','大三']
];
document.write(infos[0]+'<br><br>'+infos[1]+'<br><br>'+infos[2]+'<br><br>'+infos[3]+'<br><br>'+infos[4]+'<br><br>'+infos[5]+'<br><br>'+infos[6]+'<br><br>'+infos[7]+'<br><br>'+infos[8]+'<br><br>'+infos[9]+'<br><br>');
document.write(infos.length+'<br>');
//第一次筛选,找出都是大一的信息
for(i=0;i<10;i++){
if(infos[i][3]=='大一'){
document.write('<br>'+infos[i]);
}
}
document.write('<br>');
//第二次筛选,找出都是女生的信息
for(i=0;i<10;i++){
if(infos[i][1]=='女'){
document.write('<br>'+infos[i]);
}
}
</script>
</head>
<body>
</body>
</html>
代码2 实现简单的加减乘除:
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var txt1=parseInt(document.getElementById("txt1").value);
//获取第二个输入框的值
var txt2=parseInt(document.getElementById("txt2").value);
//获取选择框的值
var count=document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var result='';
switch(count){
case '+':
result=txt1+txt2;
break;
case '-':
result=txt1-txt2;
break;
case '*':
result=txt1*txt2;
break;
case '/':
result=txt1/txt2;
break;
}
//设置结果输入框的值
document.getElementById("fruit").value=result;
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()" />
<!--通过 = 按钮来调用创建的函数,得到结果-->
<input type='text' id='fruit' />
</body>
</html>
2.javascript,二维数组的使用有两种方法:
(1)直接赋值:
var myarr=[[1,2],[2,3],[3,4]];
(2)先new一维数组,再做成二维数组:
var myarr=new Array();
if(i=0;i<10;i++){
myarr[i]=new Array();
if(j=0;j<2;j++){
myarr[i][j]=i+j;
}
}
3.switch语句中,如果每个case所要执行的都不一样,那么在每一个case后面都应该加一个break;
4.声明一个变量最好需要制定它的类型,比如:var num=0、var num=‘ ‘、var num=[];
5.赋值:document.getElementById(“id”).value =要赋给它的值;
取值:var = document.getElementById(“id”).value;
注意:使用parseInt()函数可解析一个字符串,并返回一个整数。如:
var txt1=parseInt(document.getElementById("txt1").value);
代码1 实现简单的数组筛选:
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos=[
['小A','女','21','大一'],
['小B','男','23','大三'],
['小C','男','24','大四'],
['小D','女','21','大一'],
['小E','女','22','大四'],
['小F','男','21','大一'],
['小G','女','22','大二'],
['小H','女','20','大三'],
['小I','女','20','大一'],
['小J','男','20','大三']
];
document.write(infos[0]+'<br><br>'+infos[1]+'<br><br>'+infos[2]+'<br><br>'+infos[3]+'<br><br>'+infos[4]+'<br><br>'+infos[5]+'<br><br>'+infos[6]+'<br><br>'+infos[7]+'<br><br>'+infos[8]+'<br><br>'+infos[9]+'<br><br>');
document.write(infos.length+'<br>');
//第一次筛选,找出都是大一的信息
for(i=0;i<10;i++){
if(infos[i][3]=='大一'){
document.write('<br>'+infos[i]);
}
}
document.write('<br>');
//第二次筛选,找出都是女生的信息
for(i=0;i<10;i++){
if(infos[i][1]=='女'){
document.write('<br>'+infos[i]);
}
}
</script>
</head>
<body>
</body>
</html>
代码2 实现简单的加减乘除:
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var txt1=parseInt(document.getElementById("txt1").value);
//获取第二个输入框的值
var txt2=parseInt(document.getElementById("txt2").value);
//获取选择框的值
var count=document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var result='';
switch(count){
case '+':
result=txt1+txt2;
break;
case '-':
result=txt1-txt2;
break;
case '*':
result=txt1*txt2;
break;
case '/':
result=txt1/txt2;
break;
}
//设置结果输入框的值
document.getElementById("fruit").value=result;
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()" />
<!--通过 = 按钮来调用创建的函数,得到结果-->
<input type='text' id='fruit' />
</body>
</html>
相关文章推荐
- el表达式里面fn的用法
- chapter 14 表单脚本
- JavaScript特效一(网页换肤、鼠标移到头像上获取个人信息getByClass)
- JavaScript定时器详解及实例
- 【js基础】javascript中关于数据类型一些知识和类型判断
- js监听输入框值的即时变化onpropertychange、oninput
- 原生js实现ajax
- JavaScript helloworld
- 34、JsonUtils
- JSON解析的理解
- JS动态生成正在加载...
- JavaScript对Json的增删改属性
- javascript 最简单对日期小时数进行增加
- javascript如何读取自身文件内的xml
- javascriptt切换组件MyTab.js封装
- js javascript:void(0) 真正含义
- Servlet API and JSP API
- 【多图】值得收藏!JavaScript语言基础知识总结
- javascript高级编笔记第六章
- Javascript的Array对象的迭代方法