<!--点击改变颜色-->
JS部分:
function changecl(){var cclor=document.getElementById("cclor")
cclor.style.color="#000099";
}
<body>中:
<p id="cclor" οnclick="changecl()">
This is my JSP page
</p>
<!--判断是否不是数字-->
//isNaN()函数;结果布尔型;
函数:
function panduan(){
var f='v'
alert(isNaN(5));
alert(isNaN(2));
alert(isNaN(f));
}
body:
<input type="button" value="2" οnclick="panduan()" />
显示结果依次为:
//声明变量
函数: body:
function sming1() {
//1.声明再赋值 <input type="button" value="3" οnclick="sming1()" />
var x;
x=2;
alert(x);
}
函数: body:
//2.声明并赋值; <input type="button" value="4" οnclick="sming2()" />
function sming2() {
var x=3;
alert(x);
}
函数: body:
//3.声明所有变量再赋值;<input type="button" value="5" οnclick="sming3()" />
function sming3() {
var z,x,c;
z=1;
x=2;
c=3;
alert(z);
alert(x);
alert(c);
alert((z*x+c));
}
函数调用函数:
function add() {
sming3();//此函数为上一例子的函数
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
在浏览器输出年月日星期及具体时间
效果图:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'time.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function time(){
var time=new Date();
var y=time.getFullYear()//年
var mo=(time.getMonth()+1);//月
var d=time.getDate();//具体日期
var h=time.getHours();//时
var m=time.getMinutes();//分
var s=time.getSeconds();//秒
var ml=time.getMilliseconds();//毫秒;
var day=time.getDay();//星期;
//调用函数,将小于十的数前面添加一个0;
mo=checkTime(mo);
d=checkTime(d);
m=checkTime(m);
s=checkTime(s);
day=daytoday(day);
//浏览器输出:年、月、日、时、分秒、毫秒;
document.getElementById("TM").innerHTML=y+"年"+mo+"月"+d+"日 "+h+":"+m+":"+s+"秒"+ml+"毫秒"+" 星期"+day;
//调用函数本身,并设置间隔时间;
setTimeout('time()',100);
}
//若得到的月份小于十则在前添一个零;
function checkTime(i)
{
if (i<10) {
i="0" + i
}
return i
}
//将星期的数字 改成中文显示;
function daytoday(k) {
switch (k)
{
case 1:
k='一';
break;
case 2:
k='二';
break;
case 3:
k='三';
break;
case 4:
k='四';
break;
case 5:
k='五';
break;
case 6:
k='六';
break;
case 7:
k='日';
break;
}
return k;
}
</script>
</head>
<body οnlοad="time()">
This is my JSP page. <br>
<div id="TM"></div>
</body>
</html>
数组:
函数:
function shuzu() {
var shuzu=new Array();
shuzu[0]="zifu";
shuzu[1]="h";
for(var i=0;i<=shuzu.length;i++){
alert(shuzu[i]);
}
}
body:
<input type="button" οnclick="shuzu()" value="1"/>
对象:
赋值通过alert显示区别:
body:
<input type="button" οnclick="test()" value="3"/>
赋值:
body:
<input type="button" οnclick="student()" value="2"/>
另一种方法:
body:
<input type="button" οnclick="Myobj()" value="5"/>
split
split() 方法用于把一个字符串分割成字符串数组。
语法
stringObject.split(separator,howmany)
参数 | 描述 |
---|---|
separator | 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。 |
howmany | 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。 |
返回值
一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。
提示和注释
注释:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
注释:String.split() 执行的操作与 Array.join 执行的操作是相反的。
例子 1
在本例中,我们将按照不同的方式来分割字符串:
<script type="text/javascript"> var str="How are you doing today?" document.write(str.split(" ") + "<br />") document.write(str.split("") + "<br />") document.write(str.split(" ",3)) </script>
输出:
How,are,you,doing,today? H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,? How,are,you
body:
<input type="button" οnclick="cdd(7,8)" value="6"/> <input type="button" οnclick="cdd(2,3)" value="7"/><br/>