公告版位

目前分類:JavaScript進階 (10)

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

[javascript] 把css 與 javascript load 近來的function()

function loadJS(url){
var retJS = document.createElement('script');
retJS.setAttribute("language","JavaScript");
retJS.setAttribute("src", url);
document.getElementsByTagName("body").item(0).appendChild(retJS);
}

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

JavaScript修改CSS樣式

一、局部改變樣式

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

[轉]用javascript實現評估用戶輸入密碼的強度

<script language=javascript>

//程序設計:環球萬維 netInter.cn
//
本程序是環球萬維原創程序,若需轉載,請註明網址及出處,謝謝.
//
以上信息與文章正文是不可分割的一部分,所以如果您要轉載本文章,您必須保留以上信息.

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

-
函數有兩個參數,功能如下:
obj: img標籤組的父容器,類型為DOM對象;
oEvent:event對象。
這 個函數的優點是html代碼可以很簡潔,使用圖片也可以很少,只需要兩張圖片。事件句柄只需要寫在img的父容器上即可。演示用的圖片我用的是絕對地址, 各位在使用的時候改成網站的相對地址就可以了。當我們點擊的時候,我用的是個alert事件。事實上, 把this._num+1這個數字寫入到數據庫中,作為評分的依據就可以了

easonyo 發表在 痞客邦 留言(2) 人氣()



透過 JavaScript, 是可以執行一些程式碼而不須立即執行已呼叫的功能,而在特訂的時間差異後才執行,這就叫時間事件。


線上範例

簡單計時一

簡單計時二

無限迴圈的計時事件

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



圖片設定(image-map)是一種可點選圖片的區域


Examples

簡單的HTML 圖片設定

加上 JavaScript的圖片設定


HTML 圖片設定

你會瞭解圖片設定是一種可點選圖片的區域,一般來說,每一個區域都具有配合的連結,點選其中一個區域,會連結到相關的連結。

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



透過 JavaScript 我們可以建立動態的圖片。


範例

按紐動畫


JavaScript 動畫

以 JavaScript 來建立動態圖片是可行的。

技巧是讓 JavaScript 透過不同的事件改變不同的圖片。

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



JavaScript 能在網頁資料傳送至網路伺器之前,在HTML的格式裏先驗證輸入的資料


JavaScript 形式驗證

能被 JavaScript 檢查的鍵入的形式資料可能是:

  • 使用者是否在要求的資料欄裏留下空白?
  • 使用者是否鍵入有效的 e-mail ?
  • 使用者是否鍵入有效的日期?
  • 使用者是否在數字區域裏鍵入文字?

需求區域

下列的 function 會檢查是否要求的區域留下空白。如果區域是空白的話,就會跳出一個小的提示視窗,也不會傳回其值。若區域內的值已鍵入,則 function會將值傳回伺服器。

function validate_required(field,alerttxt)

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



cookie 通常是用來辨識使用者


範例

建立一個歡迎的 cookie


什麼是 Cookie?

cookie 是一個會儲存使用者電腦裏的變數。每一次同樣的電腦以瀏灠器請求網頁時,它同樣的也會傳 cookie。 有了 JavaScript, 你可以同時建立及回覆 cookie 的值。

cookies 的例子:

easonyo 發表在 痞客邦 留言(1) 人氣()



JavaScript 瀏灠器物件包含有關使用者瀏灠器的相關資料。


範例

偵測使用者的瀏灠器及版本

有關使用者瀏灠器更多的資料

有關使用者瀏灠器的全部資料

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