-
获取星期，
可以先定义一个数组：
var weekday=['星期一','星期二'.....]
查看全部 -
//select 元素有一个.value属性即可获得子元素option的value
// switch不能选择数组
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var oTxt1=document.getElementById("txt1");
var add1=parseFloat(oTxt1.value);
//获取第二个输入框的值
var oTxt2=document.getElementById("txt2");
var add2=parseFloat(oTxt2.value);
//获取选择框的值
var sValue=document.getElementById("select");
var symbol=sValue.value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var sum=0;
//alert(symbol)
switch(symbol){
case "+":
sum= add1+add2;
break;
case "-":
sum= add1-add2;
break;
case "*":
sum= add1*add2;
break;
case "/":
sum=add1/add2;
break;
default:
}
//设置结果输入框的值
var res=document.getElementById("fruit");
res.value=sum;
}
</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>
查看全部 -
//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos=[ ['小A','女',21,'大一'], ['小B','男',23,'大三'],
['小C','男',24,'大四'], ['小D','女',21,'大一'],
['小E','女',22,'大四'], ['小F','男',21,'大一'],
['小G','女',22,'大二'], ['小H','女',20,'大三'],
['小I','女',20,'大一'], ['小J','男',20,'大三']]
//第一次筛选，找出都是大一的信息
var arr1=[];
for(i=0;i<infos.length;i++){
if(infos[i][3]=='大一'){
arr1.push(infos[i]);
}
}
//第二次筛选，找出都是女生的信息
for(j=0;j<arr1.length;j++){
if (arr1[j][1]=='女'){
document.write(arr1[j])
}
}
查看全部 -
onchange事件，是当你改变了内容后，在将光标移出来，才会触发事件
onblur事件，不管你改不改变文本内容，只要你移出光标，这个事件就会被触发
两者之间最明显的区别就是：是否改变了文本内容
查看全部 -
这里当时点击超链接没有用，无法跳转，后面发现是少写了一个s，如果写成https就可成功点击跳转。
查看全部 -
在JavaScript中，这样的比较操作符有很多，这些操作符的含义如下:
查看全部 -
算术操作符除了(+、-、*、/)外，还有两个非常常用的操作符，自加一
“++”；自减一“--”。首先来看一个例子：mynum = 10; mynum++; //mynum的值变为11mynum--; //mynum的值又变回10
上面的例子中，mynum++使mynum值在原基础上增加1，mynum--使mynum在原基础上减去1,其实也可以写成:
mynum = mynum + 1;//等同于mynum++mynum = mynum - 1;//等同于mynum--
查看全部 -
数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的
查看全部 -
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> 选项卡</title> <style type="text/css"> /* CSS样式制作 */ *{padding:0px; margin:0px;} a{ text-decoration:none; color:black;font-size: 5px} /* 框框里面的字体*/ a:hover{text-decoration:none; color:#336699;} /* 鼠标移到上面的样式 */ #tab{width:270px; padding:5px;height:150px;margin:20px;} #tab ul{list-style:none; height:30px;line-height:30px; border-bottom:2px #C88 solid;} #tab ul li{background:#FFF;cursor:pointer;float:left;/*让标签的字横向排列*/ list-style:none;height:29px; line-height:29px;padding:0px 10px; margin:0px 10px; border:1px solid #BBB; border-bottom:2px solid #C88;} #tab ul li.on{border-top:2px solid gray; border-bottom:2px solid #FFF;} /* 以上均tab的格式 也就是标签卡的字*/ #tab div{height:100px;width:250px; line-height:24px;border-top:none; padding:1px; border:1px solid #336699;padding:10px;} .hide{display:none;} </style> <script type="text/javascript"> // JS实现选项卡切换 window.onload = function(){ var myTab = document.getElementById("tab"); //整个div var myUl = myTab.getElementsByTagName("ul")[0];//一个节点 var myLi = myUl.getElementsByTagName("li"); //数组 var myDiv = myTab.getElementsByTagName("div"); //数组 for(var i = 0; i<myLi.length;i++){ myLi[i].index = i; myLi[i].onclick = function(){ for(var j = 0; j < myLi.length; j++){ myLi[j].className="off"; myDiv[j].className = "hide"; } this.className = "on"; myDiv[this.index].className = "show"; } } } </script> </head> <body> <!-- HTML页面布局 --> <div id = "tab"> <ul> <li class="off">房产</li> <li class="on">家居</li> <li class="off">二手房</li> </ul> <div id="firstPage" class="hide"> <a href = "#">275万购昌平邻铁三居 总价20万买一居</a><br/> <a href = "#">200万内购五环三居 140万安家东三环</a><br/> <a href = "#">北京首现零首付楼盘 53万购东5环50平</a><br/> <a href = "#">京楼盘直降5000 中信府 公园楼王现房</a><br/> </div> <div id="secondPage" class="show"> <a href = "#">40平出租屋大改造 美少女的混搭小窝</a><br/> <a href = "#">经典清新简欧爱家 90平老房焕发新生</a><br/> <a href = "#">新中式的酷色温情 66平撞色活泼家居</a><br/> <a href = "#">瓷砖就像选好老婆 卫生间烟道的设计</a><br/> </div> <div id="thirdPage" class = "hide"> <a href = "#">通州豪华3居260万 二环稀缺2居250w甩</a><br/> <a href = "#">西3环通透2居290万 130万2居限量抢购</a><br/> <a href = "#">黄城根小学学区仅260万 121平70万抛!</a><br/> <a href = "#">独家别墅280万 苏州桥2居优惠价248万</a><br/> </div> </div> </body> </html>查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>string对象 </title>
<script type="text/javascript">
var mystr="Hello World!"
var first =mystr.indexOf("o");//获取第一个o的位置
var second=mystr.indexOf("o",first+1)//直接写first会导致两次结果一样
document.write(second+"OK");
</script>
</head>
<body>
</body>
</html>查看全部 -
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
var onenum= document.getElementById("txt1").value;
var add1 =parseInt(onenum);
var twonum= document.getElementById("txt2").value;
var add2 =parseInt(twonum);
alert("正在计算...");
var symbol =document.getElementById("select").value;
var sum;
switch(symbol){
case "+":
sum= add1+add2;
break;
case "-":
sum=add1-add2;
break;
case "*":
sum=add1*add2;
break;
case "/":
sum=add1/add2;
break;
}
document.getElementById("fruit").value=sum; //值保存在fruit文本框内
}
</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>查看全部 -
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
var infos = new Array();
infos = [
['小A', '女', 21, '大一'],
['小B', '男', 23, '大三'],
['小C', '男', 24, '大四'],
['小D', '女', 21, '大一'],
['小E', '女', 22, '大四'],
['小F', '男', 21, '大一'],
['小G', '女', 22, '大二'],
['小H', '女', 20, '大三'],
['小I', '女', 20, '大一'],
['小J', '男', 20, '大三']
];
for (var i = 0; i < infos.length; i++) {
if(infos[i][3] == '大一'&&infos[i][1]=='女'){
document.write(infos[i][0]+"<hr>");
}
}
</script>
</head>
<body>
</body>
</html>查看全部 -
返回指定的字符串首次出现的位置
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法
stringObject.indexOf(substring, startpos)
1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。
2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
3.如果找到一个 substring，则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
注意：1.indexOf() 方法区分大小写。
2.如果要检索的字符串值没有出现，则该方法返回 -1。
查看全部 -
定义mystr字符串后，我们就可以访问它的属性和方法。
访问字符串对象的属性length:
stringObject.length; 返回该字符串的长度。
var mystr="Hello World!"; var myl=mystr.length;
以上代码执行后，myl 的值将是：12
访问字符串对象的方法：
使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写：
var mystr="Hello world!"; var mynum=mystr.toUpperCase();
以上代码执行后，mynum 的值是：HELLO WORLD!
查看全部
举报