前端筆記 (3.JavaScript 1)

來源:互聯網
上載者:User

標籤:head   images   筆記   輕量級   分享   html   alt   document   http   

 

  JavaScript 是屬於網路的指令碼語言

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

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

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

  (Ps:JavaScript Java 是兩種完全不同的語言,無論在概念還是設計上。

  Java(由 Sun 發明)是更複雜的程式設計語言。

  ECMA-262 JavaScript 標準的官方名稱。

  JavaScript Brendan Eich 發明。它於 1995 年出現在 Netscape 中(該瀏覽器已停止更新),並於 1997 年被 ECMA(一個標準協會)採納。)

HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。

指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。‘

<script type="text/javascript"></script>

輸出:

操作 HTML 元素

如需從 JavaScript 訪問某個 HTML 元素,可以使用 document.getElementById(id) 方法。

<!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph</p><script>document.getElementById("demo").innerHTML="My First JavaScript";</script></body></html>

(JavaScript 由 網頁瀏覽器來執行。在這種情況下,瀏覽器將訪問 id="demo" 的 HTML 元素,並把它的內容(innerHTML)替換為 "My First JavaScript"。)

寫到文檔輸出

下面的例子直接把 <p> 元素寫到 HTML 文檔輸出中:

<!DOCTYPE html><html><body><h1>My First Web Page</h1><script>document.write("<p>My First JavaScript</p>");</script></body></html>

警告

請使用 document.write() 僅僅向文檔輸出寫內容。

如果在文檔已完成載入後執行 document.write,整個 HTML 頁面將被覆蓋:

<!DOCTYPE html><html><body><h1>My First Web Page</h1><p>My First Paragraph.</p><button onclick="myFunction()">點擊這裡</button><script>function myFunction(){document.write("糟糕!文檔消失了。");}</script></body></html>

 

前端筆記 (3.JavaScript 1)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.