1. 程式人生 > >(一)JavaScript基本瞭解

(一)JavaScript基本瞭解

一、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>