JavaScript(這裏主要側重於 JavaScript HTML DOM)雜項

時間  2019-11-19
標籤 javascript 這裏 主要 側重於 html dom 雜項 欄目 JavaScript 简体版
原文   原文鏈接

JavaScript基礎javascript

                                                 ------學習網站https://www.runoob.com/js/js-tutorial.htmlhtml

Javascript語言的特色：java

  1. 安全性；2.易用性；3.動態交互性；跨平臺性；

 

  1. 第一個javascript程序：

基本語法：<script type=」text/javascript」>數組

                  </script>瀏覽器

第一個程序：安全

<!DOCTYPE html>dom

<html>函數

<head>學習

<meta charset="utf-8">網站

<title>菜鳥教程(runoob.com)</title>

<script>

function displayDate(){

   document.getElementById("demo").innerHTML=Date();

}

</script>

</head>

<body>

 

<h1>個人第一個 JavaScript 程序</h1>

<p id="demo">這是一個段落</p>

 

<button type="button" onclick="displayDate()">顯示日期</button>

 

</body>

</html>

 

學習歷程

   JavaScript 會在頁面加載時向 HTML 的 <body> 寫文本：

            <script> document.write("<h1>這是一個標題</h1>");

document.write("<p>這是一個段落</p>"); </script>

 

  1. HTML 輸出流中使用 document.write，至關於添加在原有html代碼中添加一串html代碼。而若是在文檔加載後使用（如使用函數），會覆蓋整個文檔
  2. 外部 javascript 文件不使用 <script> 標籤，直接寫 javascript 代碼

 

JavaScript 輸出

JavaScript 沒有任何打印或者輸出的函數。

JavaScript 顯示數據

JavaScript 能夠經過不一樣的方式來輸出數據：

  • 使用 window.alert() 彈出警告框。
  • 使用 document.write() 方法將內容寫到 HTML 文檔中。
  • 使用 innerHTML 寫入到 HTML 元素。
  • 使用 console.log() 寫入到瀏覽器的控制檯。

JavaScript 語句標識符

JavaScript 語句一般以一個 語句標識符 爲開始，並執行該語句。

語句標識符是保留關鍵字不能做爲變量名使用。

下表列出了 JavaScript 語句標識符 (關鍵字) ：

語句

描述

break

用於跳出循環。

catch

語句塊，在 try 語句塊執行出錯時執行 catch 語句塊。

continue

跳過循環中的一個迭代。

do ... while

執行一個語句塊，在條件語句爲 true 時繼續執行該語句塊。

for

在條件語句爲 true 時，能夠將代碼塊執行指定的次數。

for ... in

用於遍歷數組或者對象的屬性（對數組或者對象的屬性進行循環操做）。

function

定義一個函數

if ... else

用於基於不一樣的條件來執行不一樣的動做。

return

退出函數

switch

用於基於不一樣的條件來執行不一樣的動做。

throw

拋出（生成）錯誤 。

try

實現錯誤處理，與 catch 一同使用。

var

聲明一個變量。

while

當條件語句爲 true 時，執行語句塊。

 

HTML 事件

HTML 事件能夠是瀏覽器行爲，也能夠是用戶行爲。

如下是 HTML 事件的實例：

  • HTML 頁面完成加載
  • HTML input 字段改變時
  • HTML 按鈕被點擊

一般，當事件發生時，你能夠作些事情。

在事件觸發時 JavaScript 能夠執行一些代碼。

HTML 元素中能夠添加事件屬性，使用 JavaScript 代碼來添加 HTML 元素。

單引號:

<some-HTML-element some-event='JavaScript 代碼'>

雙引號:

<some-HTML-element some-event="JavaScript 代碼">

JavaScript 能夠作什麼?

事件能夠用於處理表單驗證，用戶輸入，用戶行爲及瀏覽器動做:

  • 頁面加載時觸發事件
  • 頁面關閉時觸發事件
  • 用戶點擊按鈕執行動做
  • 驗證用戶輸入內容的合法性
  • 等等 ...

能夠使用多種方法來執行 JavaScript 事件代碼：

  • HTML 事件屬性能夠直接執行 JavaScript 代碼
  • HTML 事件屬性能夠調用 JavaScript 函數
  • 你能夠爲 HTML 元素指定本身的事件處理程序
  • 你能夠阻止事件的發生。
  • 等等 ...

JavaScript HTML DOM 事件

HTML DOM 使 JavaScript 有能力對 HTML 事件作出反應。

https://www.runoob.com/js/js-htmldom-events.html

HTML 事件的例子：

  • 當用戶點擊鼠標時
  • 當網頁已加載時
  • 當圖像已加載時
  • 當鼠標移動到元素上時
  • 當輸入字段被改變時
  • 當提交 HTML 表單時
  • 當用戶觸發按鍵時

HTML DOM 事件

https://www.runoob.com/jsref/dom-obj-event.html

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程