首頁 > web前端 > js教程 > 主體

JavaScript入門學習的經驗分享

黄舟
發布: 2017-07-31 10:26:04
原創
1306 人瀏覽過

JavaScript簡稱js,是一門用於web頁面的程式設計語音;現在用的也十分普遍,回想大學的時候學校發了一本javascript的教材,一看厚厚的一本著實嚇了一跳。不過隨著學習和深入,發現這門技術也不是那麼難,反二很強大且靈活易學。

JavaScript 是腳本語言

JavaScript 是一種輕量級的程式語言。

JavaScript 是可插入 HTML 頁面的程式碼。

JavaScript 插入 HTML 頁面後,可由所有的現代瀏覽器執行。

JavaScript 很容易學習。

JavaScript入門學習的經驗分享

推薦學習JavaScript 入門教學

#1.JavaScript 用法

<script> 標籤如需在HTML 頁面中插入JavaScript,請使用<script> 標籤。 </script>

<script> 和 </script> 會告訴 JavaScript 在何處開始和結束。

<script> 和</script> 之間的程式碼行包含了JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>
登入後複製

課程連結:http://www.php.cn /code/3511.html


#2.JavaScript 語法##

<body>
<p id="demo"></p>
<script>
    document.getElementById("demo").innerHTML = 123e5;
</script>
</body>
登入後複製

課程連結:http://www.php.cn/code/3527.html


3.JavaScript 資料型別

<script>
 var carname1="我是双引号";
 var carname2=&#39;我是单引号&#39;;
 var answer1="这是正常的";
 var answer2="我的名字是 &#39;Johnny&#39;";
 var answer3=&#39;我的名字是 "Johnny"&#39;;
 document.write(carname1 + "<br>")
 document.write(carname2 + "<br>")
 document.write(answer1 + "<br>")
 document.write(answer2 + "<br>")
 document.write(answer3 + "<br>")
</script>
登入後複製

課程連結:http://www.php.cn/code/3560.html

4. JavaScript 物件##

<body>
<p>创建 JavaScript 对象。</p>
<p id="demo"></p>
<script>
    var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
    document.getElementById("demo").innerHTML =
            person.firstName + " 现在 " + person.age + " 岁.";
</script>
</body>
登入後複製

課程連結:

http:// www.php.cn/code/3575.html

5.

JavaScript 運算子:算術運算子、賦值運算子、字串的+ 運算子等

<body>
<p>点击按钮计算 x 的值.</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
y=5;
z=2;
x=y+z;
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
登入後複製

課程連結:

http://www.php.cn/code/3597.html

6.

JavaScript 條件語句:If 語句、If...else 語句、If...else if...else 語句#

<body>
<p>如果时间早于 20:00,会获得问候 "Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var x="";
        var time=new Date().getHours();
        if (time<20){
            x="Good day";
        }
        document.getElementById("demo").innerHTML=x;
    }
</script>
</body>
登入後複製

課程連結:

http://www.php.cn/code/3600.html

7.

JavaScript 函數定義

<body>
<p>本例调用的函数会执行一个计算,然后返回结果:</p>
<p id="demo"></p>
<script>
    function myFunction(a,b){
        return a*b;
    }
    document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
登入後複製

課程連結:

http://www.php.cn/code/3643.html

8.學習看

JavaScript手冊

JavaScript 的功能點和知識點確實比較多,學習的話就按手冊一個一個的學習,最好每個都過一遍,指不定以後就用到了對應的東西。

以上是JavaScript入門學習的經驗分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板