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