小仙女-javascript快速入门下

来源:互联网 发布:软考程序员通道 编辑:程序博客网 时间:2024/06/10 07:26

 

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" onclick="changecolor()">点击这里</button>
<button type="button" onclick="test()">测试</button>
<input type="button" value="diandian" onclick="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再见再见再见得意