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



本文通过实例讲解JavaScript的基础操作,包括修改HTML元素属性、数组操作、对象使用及日期时间处理等核心内容。

被折叠的 条评论
为什么被折叠?



