(一)JavaScript基本瞭解
阿新 • • 發佈:2019-02-09
一、JavaScript基本概念
1.什麼情況下使用JavaScript?
JavaScript比大多數人想象的強大並且複雜的多,所以它也比大多數人想象的危險的多,所以:在不得不使用的場合使用,除此以外不要再任何場合使用!(PS:我覺得是在扯淡,主要目的是提醒我們處處謹慎吧,以防以後因為現在的一點小疏忽而導致自己深陷泥潭不能自拔吧?)
2.經典的Hello World實現
<script type="text/javascript">
document.write("Hello World!")
</script>
3.JavaScript的資料型別
JavaScript中宣告變數使用var關鍵字。
<script type="text/javascript">
var n; //通常-使用一個變數前,最好先宣告它
var s, e;//一個var關鍵字同時宣告多個變數
var x = 10, y = 'abcde';//變數宣告和變數初始化在一起
</script>
如果沒有給一個變數使用var指定初始值,它的初始值就是undefined。
如果宣告變數沒有使用var,那麼這個變數作用域為全域性變數。
<script type="text/javascript" >
var name;//並沒有賦初始值
var age;
document.write(name + age);//寫在網頁上
alert(age);//彈個窗看看
</script>
執行結果如下圖:
二、初識JavaScript
1.彈窗顯示時間
<script type="text/javascript">
var time = new Date(); //建立日期物件
alert(time.toLocaleDateString());//日期
alert(time.toLocaleTimeString());//時間
alert(time.toLocaleString());//顯示本地日期和時間
</script>
2.超連結顯示時間
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>超連結顯示時間</title>
<meta charset="utf-8" />
</head>
<body>
<br /><br /><br /><br /><br /><br /><br />
<a href="#" onclick="alert(new Date().toLocaleTimeString());">點我顯示時間</a>
<br />
<a href="javascript:void(0);" onclick="alert(new Date().toLocaleDateString());">點我顯示日期</a>
<br />
<a href="javascript:alert(new Date().toLocaleString());">點我顯示日期和時間</a>
</body>
</html>