JS(二)

<!--点击改变颜色-->

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/>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值