基礎常用的原生JavaScript

對於前端的童鞋們,應該知道,除了css與html的編碼,使用最多的編程那就是javascript了。局部變數的設定:在我們大量擷取元素時,是需要通過document.getElementById來擷取元素的id,或者for迴圈來遍曆元素,這樣大量的操作,可以通過設定一個中間局部變數來完成。代碼如下:var doc = document;var id = doc.getElementById(id);/------------------------------------------/var

JavaScript中類型的一些方法

Number類型的幾個方法1,toFixed()返回具有指定位元小數的數字Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->var oValue = new Number(99);alert(oValue.toFixed(2))    //output 99.002,toExponential()返回用科學計數法表示的數位字串形式Code

javascript改進表單

     昨天看了《Pro Javascript Techniques》中的用js改進表單的那章,自己把代碼敲了一遍,用firebug調試了半天,發現了書中的一些小問題,我會在下面複習的過程中提出,歡迎大家留言討論 : )     在表單方面,驗證使用者輸入是否合法是個重頭,我就直接拿書中的例子展開吧,先給出語義化的XHTML <body><form action="" method="post"><fieldset

《精通javascript》5,6章小結(二)

  繼續5,6章小結(一)的內容,作者認為我們會用css中的選擇符來定位HTML DOM中的元素,給其添加樣式,那麼為什麼不利用css選擇符來定位得到我們想要的DOM節點呢,由於這樣的想法產生了jquery中靈活強大的選取器(selector)協助定位尋找元素,作者也簡要說明了下xpath。如何獲得一個元素的常值內容,如:<p><strong>hello</strong>how are you

functional繼承模式 來自javascript:the good parts

<<javascript:the good parts>>書中Inheritance部分講到了一種functional的繼承方式, 具體這個functional該如何翻譯,就不是很清楚了, 就直接意會一下吧: )這種模式的作用在於確保對象屬性的真正私人化, 我們無法直接存取對象的狀態, 只能通過特權方法來進行操作.下面直接來個例子吧.var person = function(cfg) {var that = {};that.getName = function()

javascript自學心得—請求高手指點

     

javascript進階程式設計第二版第十二章事件要點總結

常用的跨瀏覽器檢測方法var EventUtil={ //跨瀏覽器處理常式---建立方法 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListneter(type,handler,false); }else if(element.attachEvent){

web前端學習筆記,實踐篇(九)原生JavaScript玩轉事件

事件流:<html> <head></head> <body> <div></div> </body></html>一:事件冒泡:  在中,如果單擊div,那麼事件的初始點由div->body->html->document對象,這種模式叫事件冒泡。主要是IE遊覽器支援這一種模式,還有Firefox Chrome

web前端學習筆記,實踐篇(十二)原生JavaScript繪製圖形Canvas

圖形化指令碼:在JavaScript中,圖形化指令碼,有大約五種類型。這裡,我唯寫寫,我自己學到的兩種,一是images,二是canvas。images:在HTML結構中,有一個標籤<img>專門來顯示圖片,而我們則可以通過document對象下images屬性來操作它,以達到圖形化動畫的目的。一個簡單的例子: <div class="de"><a href="#" id="dell">圖形</a></div>

web前端學習筆記,實踐篇(十三)JavaScript組合模式以及繼承(用的最多的模式及自己的理解與使用)

組合模式與繼承:首先,對於JavaScript各種模式,推薦湯姆大叔的理解JavaScript系列。地址:http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html其中對於JavaScript各種模式都有很深的講述,自少目前為止,是我看到的比較全的系列了。下面,我說說,我在實際運用中的組合模式以及繼承,先上一個例子,如何建立一個簡單的Object。 var person = new Object();person.name =

JavaScript基礎文法讓人疑惑之處

/* JS基礎文法中,幾個比較容易讓人疑惑的地方。 */ /* == === */ function de() { var ab = 25; //數值 var ba = "25"; //字串 if (ab == ba) { //==,會先轉換,後比對。 //alert("

JavaScript隨機數,demo小例子。

隨機數Math對象下的random方法,源碼如下,可以直接使用。<!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>

web前端學習筆記,實踐篇(五)初識JavaScript

初識JavaScript,寫到這裡,對於HTML CSS2.0的一些實用經驗,就告一段落了。雖然很多地方,只是大局的點水了一下,但也是認認真真總結經驗。JavaScript發展簡史以及以後的發展:請參閱《JavaScript權威指南第五版》第一章,《JavaScript進階程式設計第二版》第一章。讓我們先來體驗一下JavaScript魅力吧,你只需要一個web遊覽器,外加一個記事本編輯器。function alert() { alert("a");

web前端學習筆記,實踐篇(七)使用原生JavaScript操作DOM

原生JavaScript操作Dom結構:對於DOM,我們要瞭解它的性質,這是針對HTML XML文檔的一個API。它描繪了一個層次化的節點樹,允許開發人員進行,增刪改查。下面以一個HTML片段來說明DOM節點樹。<html> <head> <title></title> </head> <body> <div> <

JavaScript實現儲存HTML字串

吃完晚飯,在翻各位大牛的部落格,偶然看到一篇原創《原創--Javascript你意想不到的功能!!!》眼前一亮,這思路確實霸氣測漏,可以不用理會字串的單引號和雙引號的轉義,因為人家用的是注釋,注釋當然什麼都可以寫。不過原文寫的略顯羞澀,我來修改個版本,就當是日記記下、PS:我是搞PHP的,讓我想起了<<<文法(heredoc和nowdoc),那麼就為他命名heredoc吧。 1 Function.prototype.heredoc = function(){ 2 //

Javascript 兩種定義Function的方法

[本文來源於網路]大家都知道Javascript 有兩個種定義Function的方法非常常用。例如 function a(){alert("a")} var a = function(){alert("a")}雖然兩個種方式定義出來的 function 調用的時候結果一樣,但是中間還是有區別的。舉個簡單的例子,假如我們要重定義 a() ,而且新的方法要繼承 a() 裡面所有方法並且進行其他擴充的話。就可以明顯看到這兩個方式的區別了。1. 首先,我們先建立一個臨時的變數來儲存 a()   var

Whatever:hover – 無需javascript讓IE支援豐富偽類

文章目錄 使用方法工作原理樣本:菜單效果檔案下載及更新說明: 絕大部分現代瀏覽器支援 css 中的 :hover 偽類別選取器,可以用於所有 html 元素。這很酷,因為這使你可以僅通過 css 來對錶格行(<tr>)應用滑鼠滑過事件(mouseover)時的特殊效果。然而,萬惡的IE,對 :hover 偽類頂多隻提供了有限的支援,具體支援的程度要取決於你的IE瀏覽器的具體版本。Whatever:hover 是一個小小的指令碼,

javascript 判斷某頁面上的表單資料是否改變過

本文轉自:http://info.codepub.com/2008/09/info-22582.html原文如下:使用場合:當某個頁面資料修改時,需要執行某些操作時   在頁面的body載入事件(onload)中加上initFileds()就可以記錄頁面的初始資料在需要判斷頁面資料是否改變時調用checkModification()方法就可判斷資料是否改變傳回值為true就是已經改變傳回值為false就是沒有改變       // 頁面編輯資料    var inputsData;   

JavaScript傳遞對象參數到方法裡的另一種方法(對象字面量)

方法函數:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->    function sendMessage(sMsg,oObj) {       if (arguments.length == 2) {           oObj.handleMsg(sMsg);           oObj.test();       } else {     

firefox和Ie的javascript區別

1. 對象問題 1.1 Form對象 現有問題:現有代碼這獲得form對象通過document.forms("formName"),這樣使用在IE 能接受,MF 不能。解決方法:改用 作為下標運算。改為document.forms["formName"]備忘上述的改用 作為下標運算中的formName是id而name1.2 HTML對象 現有問題:在 IE 中,HTML 對象的 ID 可以作為 document 的下屬物件變數名直接使用。在 MF

總頁數: 3271 1 .... 422 423 424 425 426 .... 3271 Go to: 前往

聯繫我們

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