JavaScript 學習筆記(一)

來源:互聯網
上載者:User

標籤:

PS:最近先不更新JAVA的學習筆記了,由於5月份,實驗室大三的要走,所以為了內部管理系統項目,

只能先開始學習JavaScript,DOM以及JQuary了。。先搞定這三個部分吧。。JAVA只能熬到半夜學習

了,部落格就先暫時更新這一部分的內容。。。

 

學習內容:

1.瞭解JavaScript。。

2.JavaScript開發的基本工具

3.JavaScript的簡單程式

4.JavaScript的基本文法

 

1.瞭解JS

何為JavaScript,JavaScript是一個指令碼語言,是實現網頁動態效果的基石,其實說白了,就是一個網頁

如果沒有JavaScript就無法實現動態介面。應用與WEB開發中,只有學明白了JS,才能學懂ajax,/jquray

/extjs等等東西。。。

首先我們要明確,JavaScript與JAVA是兩個完全不同的概念,JavaScript是指令碼語言,而JAVA是程式設計語言,

程式設計語言需要經過編譯,才能夠執行,並且可以單獨的發揮作用,而JS則是內嵌在HTML,PHP,ASP等等中的,

單獨的執行JS是沒有什麼意義的。。並且相比於程式設計語言,JS在文法上的要求並不是特別的嚴格與規範。。

像JAVA程式設計語言可以編譯成二進位的,執行的速度與效率也是非常的高效的,並且JAVA是靠JVM來編譯啟動並執行

而JS是靠指令碼執行引擎來解釋執行,一般也就是瀏覽器。。。

 

2.JS的開發工具:

JS的開發工具是有很多的,就拿最簡單的來說,就是記事本,除了記事本還有Editplus,Myeclipse,Dreamweaver

等等工具。。。開發的工具有很多,自己選一款就行了。。。

 

3.一個簡單的JS程式

 

<!DOCTYPE html><html><head><script>function myFunction(){document.getElementById("demo").innerHTML="My First JavaScript Function";}</script></head><body><h1>My Web Page</h1><p id="demo">A Paragraph</p><button type="button" onclick="myFunction()">Try it</button></body></html>

 

上面的代碼我們不需要明白其中的意思,我們只需要知道,JS代碼必須要嵌套在其他語言中才能使用

JS代碼可以放在<head>中也可以放在<body>中。。並且JS分為內部JS和外部的JS,內部的JS代碼其實

就是上面寫得那樣,是直接寫在html文檔中的,而外部JS就是將JS代碼寫到另外的檔案當中,然後在

html文檔中進行引用就可以了。。。比如說:

 

<!DOCTYPE html><html><body><h1>My Web Page</h1><p id="demo">A Paragraph.</p><button type="button" onclick="myFunction()">點擊這裡</button><p><b>注釋:</b>myFunction 儲存在名為 "myScript.js" 的外部檔案中。</p><script type="text/javascript" src="/js/myScript.js"></script></body></html>

 

上面的代碼就是使用了外部JS的方式,在實際的製作網頁中使用外部的JS其實要更加的好一些。。

4.JS的基本文法。。。

簡單的介紹幾個常用的JS方法

(1)document.write() 輸出語句

(2)document.getElementById("對象名") 得到表單中元素名稱的值

(3)parseInt() parseFloat()強制轉換類型

(4)window.alert()彈出提示資訊

(5)window.confirm()彈出確認框

(6)window.prompt()彈出輸入提示框

這幾種方法算是非常常用的方法了,我在這裡也僅僅的列出了幾種而已。。。常用的方法還是有很多的

在以後的筆記中將繼續介紹。。。

 

JavaScript 學習筆記(一)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.