目前分類:JS - BASIC (5)

瀏覽方式: 標題列表 簡短摘要

在網頁上實作倒數計時讓使用者知道多久會被導向到另一個網站,這個功能常會用在網站改網址或者是要告知一些重要事項。作法如下:

jQuery: jquery-1.11.1.min.js

jquery.countdown: jquery.countdown.min.js

下載上面兩個 java script,然後再寫一個網頁 index.html,內容如下即可。請修改紅色標示的地方。

<!DOCTYPE html>
文章標籤

MIS 發表在 痞客邦 PIXNET 留言(0) 人氣()

在撰寫程式時,對於刪除資料前應該是先詢問使用者,以往都是跳出一個詢問視窗,但現在的流覽器大都會阻隔,在導入 Bootstrap 的 framework 後,可以加入 bootstrap-dialog.js 的 plug-in 來強化程式的友善化。效果如下:

 

  • 查詢後的畫面

beforeDel

  • 按下刪除時的詢問視窗

askDel 

 

文章標籤

MIS 發表在 痞客邦 PIXNET 留言(0) 人氣()

標準 XMLHttpRequest 的操作方法如下 :

abort()
停止當前請求

getAllResponseHeaders()
把 HTTP 請求的所有回應標頭作為鍵/值對傳回

文章標籤

MIS 發表在 痞客邦 PIXNET 留言(0) 人氣()

XMLHttpRequest 重要的屬性: onreadystatechange,readyState,status, statusText ,responseXML ,responseText。  

  • onreadystatechange
    參考至callback函式,readyState每次改變時,都會呼叫onreadystatechange所參考的函式。  
  • responseText
    伺服器傳來的請求回應文字,會設定給這個屬性。  
  • responseXML
    伺服器傳來的請求回應如果是XML,會成為DOM設定給這個屬性。  
  • statusText
文章標籤

MIS 發表在 痞客邦 PIXNET 留言(0) 人氣()

  AJax 技術是目前網頁流行的趨勢,在工作上也時常運用此技術.那什麼是 AJax 呢?節錄一段 WIKI 上的 AJax 文章如下: AJAX 全稱為「Asynchronous JavaScript and XML」(非同步JavaScript和XML),是一種創建互動式網頁應用的網頁開發技術。根據Ajax提出者Jesse James Garrett 建議,它:

  • 使用XHTML+CSS來表示資訊;
  • 使用JavaScript操作DOM(Document Object Model)進行動態顯示及互動;
  • 使用XML和XSLT進行資料交換及相關操作;
  • 使用XMLHttpRequest物件與Web伺服器進行非同步資料交換;
  • 使用JavaScript將所有的東西繫結在一起。
  • 使用SOAP以XML的格式來傳送方法名和方法參數。

   對架構有興趣的網友再自行細讀.接下來我們要以實作來瞭解AJax的運作,在實作之前再說明一下, JavaScript要放在網頁中的兩種模式:

第一種:JavaScript 嵌入 HTML 中的作法,有下列兩種模式

A: <script type="text/javascript"> .code </script>
B: <script type="text/javascript" src="url"></script>

建議使用 B 為宜,因為這樣程式碼分離,閱讀及 Debug 都較為方便.

文章標籤

MIS 發表在 痞客邦 PIXNET 留言(0) 人氣()

找更多相關文章與討論