小仙女-javascript快速入门下

xiaoxiao2021-02-28  67

javascript快速入门下

开始罗

  function changecolor() { var x = document.getElementById("demo"); x.style.color="red"; x.style.fontSize="100px"; //改变字体颜色 }

---------------------------------------------------------------------------------------------------------------------------------------------- function myFunction() { x=document.getElementById("demo1");  // 隐藏 找到元素 x.innerHTML="Hello JavaScript!";    // 改变内容 }

----------------------------------------------------------------------------------------------------------------------------------------------

<p id="demo"> JavaScript 能改变 HTML 元素的内容。 </p> <button type="button" οnclick="changecolor()">点击这里</button> <button type="button" οnclick="test()">测试</button> <input type="button" value="diandian" οnclick="testc()"/>

----------------------------------------------------------------------------------------------------------------------------------

function test() { alert(isNaN(2)); 结果 false; alert(isNaN("2")); 结果 false; alert(2=="2"); 结果 true ,这是值相同 alert(2==="2"); “===”这是值和类型相同 var x = "2"; var y = 2; alert(x+y); 这结果 2 2 alert(parseInt(x)+y); parselnt强制转换 这是结果 4 ----------------------------------------------------------------------------------------------------------------------------------

var cars=new Array()//数组 cars[0]="Saab" cars[1]="Volvo" cars[2]="BMW" for(var i=0;i<cars.length;i++){ alert(cars[i]);

----------------------------------------------------------------------------------------------------------------------------------

var student={   //定义对象 userId:1, username:"Tom", sex:1, password:"11111", flag:1 }; alert(student.userId); alert(student.username); alert(student.sex); alert(student.password); alert(student.flag);

}

----------------------------------------------------------------------------------------------------------------------------------

function testg(){ var t = "hello world" alert(t.length); 找到参数的长度 alert(t.indexOf("e")); 代替 alert(t.replace("world","boy")); 查询 alert(t.search("or")); } function testd() { str="2,2,3,5,6,6"; //这是一字符串  var strs= new Array(); //定义一数组  strs=str.split(","); //字符分割  for (i=0;i<strs.length ;i++ )  document.write(strs[i]+"<br/>"); //分割后的字符输出  }

----------------------------------------------------------------------------------------------------------------------------------

对象 function teste(){ var user = new Object(); user.userId=1; user.username="Tom"; user.userpasssword="1345"; user.alertAll=function(){ alert("用户Id"+user.userId+"用户名"+user.username+"用户的密码"+user.userpasssword); } user.alertAll(); }

function textf(x,y){ return x+y; } function textff(x,y){ alert(textf(x,y)); } 两个套用函数

----------------------------------------------------------------------------------------------------------------------------------

时间显示代码

<html> <body> <script type="text/javascript"> var d = new Date() d.setFullYear(1992,10,3) document.write(d) </script> </body> </html> 显示结果: Tue Nov 03 1992 15:01:12 GMT+0800 (中国标准时间)  

这是其他3种常用的时间显示方法(补充)

---------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="Copyright" content="懒人图库 http://www.lanrentuku.com/" /> <meta name="description" content="学会偷懒,并懒出境界是提高工作效率最有效的方法!" /> <meta content="懒人图库" name="keywords" /> <title>懒人图库</title> </head> <body> <table width="298"  border="0" cellspacing="0" cellpadding="0">   <tr>     <td height="50" bgcolor="#f4f4f4"> <script language=JavaScript> <!-- var enabled = 0; today = new Date(); var day; var date; if(today.getDay()==0) day = " 星期日" if(today.getDay()==1) day = " 星期一" if(today.getDay()==2) day = " 星期二" if(today.getDay()==3) day = " 星期三" if(today.getDay()==4) day = " 星期四" if(today.getDay()==5) day = " 星期五" if(today.getDay()==6) day = " 星期六" document.fgColor = "000000"; date = "今天是:" + (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +""; document.write(date); // --> </script> </td>   </tr>   <tr>     <td height="50">    <div id="webjx"></div>    <script>setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);    </script></td>   </tr>   <tr>     <td height="50" bgcolor="#f4f4f4"> <span id=nowDate></span> <span id=nowTime></span>     <script><!-- var ns4up1 = (document.layers) ? 1 : 0;  // browser sniffer var ie4up1 = (document.all&&(navigator.appVersion.indexOf("MSIE 4") == -1)) ? 1 : 0; var ns6up1 = (document.getElementById&&!document.all) ? 1 : 0; function nowclock() { if (!ns4up1 && !ie4up1 && !ns6up1) return false; var digital = new Date(); var hours = digital.getHours(); var minutes = digital.getMinutes(); var seconds = digital.getSeconds(); var day = digital.getDate(); var month = digital.getMonth() + 1; var year = digital.getYear(); var amOrPm = "AM"; if (hours > 11) amOrPm = "PM"; if (hours > 12) hours = hours - 12; if (hours == 0) hours = 12; if (minutes < 10) minutes = "0" + minutes; if (seconds < 10) seconds = "0" + seconds; if (day < 10) day = "0" + day; if (month < 10) month = "0" + month; dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm; dispDate = year + "年" + month + "月" + day+ "日, " ; if (ns4up1) { document.layers.nowTime.document.write(dispTime); document.layers.nowTime.document.close(); document.layers.nowDate.document.write(dispDate); document.layers.nowDate.document.close(); } else if (ns6up1){ document.getElementById("nowTime").innerHTML = dispTime; document.getElementById("nowDate").innerHTML = dispDate; } else if (ie4up1){ nowTime.innerHTML = dispTime; nowDate.innerHTML = dispDate; } setTimeout("nowclock()", 1000); } nowclock(); //--> </script> </td>   </tr> </table> <p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p> </body> </html>

--------------------------------------------------------------------------------------------------

今天是:117年7月11日 星期二 Tue Jul 11 2017 15:43:03 GMT+0800 (中国标准时间) 星期二 117年07月11日, 3:43:02 PM

E-mail 验证

下面的函数检查输入的数据是否符合电子邮件地址的基本语法。

意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:

function validate_email(field,alerttxt) { with (field) { apos=value.indexOf("@") dotpos=value.lastIndexOf(".") if (apos<1||dotpos-apos<2) {alert(alerttxt);return false} else {return true} } }

今天不是标题党了

卡哇伊的粉粉over

转载请注明原文地址: https://www.6miu.com/read-67498.html

最新回复(0)