Time of Update: 2017-01-18
一般事件 事件 瀏覽器支援 描述 onClick IE3|N2|O3 滑鼠點擊事件,多用在某個對象控制的範圍內的滑鼠點擊 onDblClick IE4|N4|O 滑鼠雙擊事件 onMouseDown IE4|N4|O 滑鼠上的按鈕被按下了 onMouseUp IE4|N4|O 滑鼠按下後,鬆開時激發的事件 onMouseOver IE3|N2|O3 當滑鼠移動到某物件範圍的上方時觸發的事件 onMouseMove IE4|N4|O 滑鼠移動時觸發的事件 onMouseOut IE4|N3|O3
Time of Update: 2017-01-18
一.JavaScript簡介: 學習JavaScript之前,有些東西你需要先瞭解: HTML XHTML 我覺得這些不需要太深入,懂個大概就行。 JavaScript是: JavaScript 被設計用來向 HTML 頁面添加互動行為。 JavaScript 是一種指令碼語言。 JavaScript 由數行可執行電腦程式碼群組成。 JavaScript 通常被直接嵌入 HTML 頁面。 JavaScript 是一種解釋性語言。 所有的人無需購買許可證均可使用 JavaScript。
Time of Update: 2017-01-18
下面來介紹將小數值舍入為整數的幾個方法:Math.ceil()、Math.floor()和Math.round()。 這三個方法分別遵循下列舍入規則:◎Math.ceil()執行向上舍入,即它總是將數值向上舍入為最接近的整數;◎Math.floor()執行向下舍入,即它總是將數值向下舍入為最接近的整數;◎Math.round()執行標準舍入,即它總是將數值四捨五入為最接近的整數(這也是我們在數學課上學到的舍入規則)。下面是使用這些方法的樣本:alert(Math.ceil(25.9)); //2
Time of Update: 2017-01-18
1. document.write( " "); 輸出語句 2.JS中的注釋為// 3.傳統的HTML文檔順序是:document- >html- >(head,body) 4.一個瀏覽器視窗中的DOM順序是:window- >(navigator,screen,history,location,document) 5.得到表單中元素的名稱和值:document.getElementById( "表單中元素的ID號 ").name(或value) 6.一個小寫轉大寫的js:
Time of Update: 2017-01-18
代碼如下: 複製代碼 代碼如下: var rxhtmlTag = /(<([\w:]+)[^>]*?)\/>/g, rselfClosing = /^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i, fcloseTag = function(all, front, tag) { return rselfClosing.test(tag) ? all : front + "><
Time of Update: 2017-01-18
JavaScript變數匈牙利命名法 匈牙利命名法文法: 變數名=類型+對象描述 類型指變數的類型 對象描述指對象名字全稱或名字的一部分,要求有明確含義,命名要容易記憶容易理解。 提示: 雖然JavaScript變數表面上沒有類型,但是JavaScript內部還是會為變數賦予相應的類型。 提示: 匈牙利命名法是一位微軟程式員發明的,多數的C,C++程式都使用此命名法。 JavaScript變數匈牙利命名類型JavaScript變數起名類型變數命名首碼Array 數組aFloat
Time of Update: 2017-01-18
如果你有編程基礎,學習Javascript是一件很容易的事情,如果你沒有編程基礎,也不要擔心,我們會為你解釋每一行代碼。 複製代碼 代碼如下: <html> <body> <script type=”text/javascript”> document.write(“This is my first javascript”); </script> </body> </html>
Time of Update: 2017-01-18
雖然我們會講解用程式建立範圍對象,但是我們把精力主要集中在如何將使用者的選取範圍轉換成為W3C 範圍或者微軟的文檔範圍對象。 什麼是範圍範圍是指HTML文檔中的任意一部分內容。一個範圍的開始和結束點都可以是隨意的,甚至是相同的(一個空範圍)。最常見的範圍就是使用者選取的文本。當使用者在頁面上選取了一部分,你就可以他的選取部分轉換為範圍對象。然而,你也可以讓程式自動選擇範圍。讓我們以下面的代碼為例。假設使用者選擇了下面的文字:<h4
Time of Update: 2017-01-18
在我看來,警告框只用在瀏覽器不支援其他顯示錯誤資訊的辦法的時候。W3C建議我們在表單項的附近顯示錯誤資訊。這是一種很好的辦法,所以我們只在瀏覽器不支援這種進階的辦法的時候才使用警告對話方塊。 例子 試試下面的例子。每一項都是必須的。另外我會堅持email項是否有@符號。如果沒有也會提示錯誤資訊。 複製代碼 代碼如下: var W3CDOM = (document.getElementsByTagName && document.createElement); window.onload =
Time of Update: 2017-01-18
想法 假設你有一個線上的CD評級工具。你希望使用者查看他們喜歡的所有CD。但是你怎麼知道使用者平均會查看多少張呢?你在這個頁面上需要添加多少欄位呢? 在W3CDOM出現之前這確實是一個問題。假設你放置了7張CD。但是使用者很可能只想查看一張,太多可能會嚇著使用者,而有些使用者想查看自己的所有CD,這樣就不得不反覆提交很多次。這確實很煩人。 只有使用W3C DOM才能讓使用者決定產生多少個欄位。這個效果和之前的大不相同。 例子
Time of Update: 2017-01-18
表單一實例 這是一個表單的實力。這裡有一個小問題:因為我的伺服器現在不支援,所以表單不能提交。我會列印出你的輸入,然後返回一個false,這樣表單就沒有被提交。 onSubmit的代碼做了兩件事情:檢查你是否在四個文字框裡面都填寫了資料,然後把所有的元素都串連起來列印在下面的文本地區中。 原文中有執行個體,需要童鞋請移步,我就不搬過來了。 檢測文本地區 這段代碼會檢測使用者是否在文字框內輸入了內容。他會忽略複選框和單選框,但是會總提醒使用者選擇select
Time of Update: 2017-01-18
因為每一個表單的檢測項都不同,所以我也不能給你一個萬能的代碼。你需要用我在這一章介紹的這些元素構建自己的檢測函數。我在後面一張還有一個例子,你也可以參考。在這一章我會首先討論一下用JavaScript來檢測表單的局限性,然後會解釋一下提交時間處理常式,然後是表單本身的一些方法和屬性。最後就是如何訪問表單元素。這裡還有一篇Jeff Howden的介紹表單的使用錯誤和解決辦法。Forms & JavaScript Living Together in Harmony局限性
Time of Update: 2017-01-18
getElementByTagNames(注意是複數的names)會獲得一些tag的元素,然後按照他們的順序儲存在一個數組中。這非常的有用,比如在上一章的TOCScript中,就需要獲得整個文章裡面的所有的H3和H4。 我非常希望在node原型中加入這個功能,但是在IE和Safari裡面不行。所以只能把他當做一個普通函數。 使用 getElementByTagNames有兩個參數: 1、一個用逗號分隔的tag名稱字串。
Time of Update: 2017-01-18
如果你也想這麼做,那麼你還需要我的getElementByTagNames()函數。複製代碼 代碼如下:function createTOC() { var y = document.createElement('div'); y.id = 'innertoc'; var a = y.appendChild(document.createElement(
Time of Update: 2017-01-18
例子 這個頁面就是個例子。點擊一個段落,編輯,然後點Ready。你的修改就會呈現。 問題 遇到的第一個問題是:我想用文字框作為編輯地區。一開始我卻把內容放不進文字框去。讀者發現Mozilla的一個警告說是只有在文字框放置到文檔之後才能設定它的value。 另外,在Mozilla下面內容封裝的不是很好。我試了好幾種wrap參數,但是結果都不是很好。
Time of Update: 2017-01-18
在這一章我主要介紹已經被新一代的瀏覽器所支援的W3C 第一級的DOM。對他的運作做一個大概的瞭解並且讓你知道你可以對他們做什麼。 首先是對於DOM的一些建議和DOM設計的目的,然後我會告訴你什麼是節點(nodes)並且怎樣通過DOM樹來遍曆節點。接著是如何得到一個特定的節點,以及怎樣改變他的值和屬性。最後就是DOM的終極目標:怎麼建立一個自己的新節點。 建議 Level 1DOM是W3C制定的用來提供給任何程式語言來訪問XML文檔的。不管你用什麼語言程式來處理XML文檔,只要是Level
Time of Update: 2017-01-18
一直很迷惑司徒正美為什麼對以下的for迴圈還鄙視,for (var i = 0; i < list.length; i++) {
Time of Update: 2017-01-18
回顧 事件對象裡包含三個方面的資訊····回看上一篇內容! 事件對象裡的屬性和方法,主要是滑鼠和鍵盤的資訊。 1. 擷取事件類型 事件對象屬性type 2. 擷取按鍵代碼 事件對象屬性keyCode:斷行符號為13,空格為32,後退鍵為8 3. 檢測Shift、Alt、Ctrl鍵 事件對象屬性是否被按下:shiftKey、altKey、ctrlKey 4. 擷取用戶端座標 事件對象屬性clientX和clientY 5. 擷取螢幕座標 事件對象屬性screenX和screenY 事件的類型
Time of Update: 2017-01-18
本文執行個體講述了Javascript函數中的arguments.callee用法。分享給大話公大家參考,具體如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
Time of Update: 2017-01-18
刪除字串首尾Null 字元:$.trim()像很多進階語言都提供了類似的函數,jQuery類庫也提供了這樣的函數。具體用法:$.trim(value)從已傳入的字串裡刪除首尾空白字元並返回結果。對屬性和集合進行迭代:在JavaScript運算元組和對象可以採用下面的方法:var anArray = ['one','two','three'];for(var n = 0; n < anArray.length; n++){...}var anObject = {one:1, two:2,