javascript針對DOM的應用分析(二)

其實在原生的也JS也有這些屬性。和JQ幾乎相同但是比JQ少一些。但是用起來卻比JQ麻煩一點。主要因為FF瀏覽器,因為FF會把你的換行也當做一個DOM元素。比如說 複製代碼 代碼如下:<div id = "dom"> <div></div> <div></div> </div> 我用原生的JS擷取ID為dom的元素下的子項目。用我第一章說的方法就是var a =

深入理解JavaScript系列(16) 閉包(Closures)

介紹 本章我們將介紹在JavaScript裡大家經常來討論的話題 —— 閉包(closure)。閉包其實大家都已經談爛了。儘管如此,這裡還是要試著從理論角度來討論下閉包,看看ECMAScript中的閉包內部究竟是如何工作的。 正如在前面的文章中提到的,這些文章都是系列文章,相互之間都是有關聯的。因此,為了更好的理解本文要介紹的內容,建議先去閱讀第14章範圍鏈和第12章變數對象。

javascript針對DOM的應用執行個體(一)

我相信可能大部分人來這裡學javascript主要還是想用這個結合頁面中的DOM元素做一些實際有用的互動效果。所以我這裡只教大家最實際,最有用的javascript應用。但是前提大家最好有一些javascript或者jquery的編程的基礎。好廢話不多說了。 今天第一篇,就教大家如何用javascript擷取頁面中的dom元素。這個很重要。我會對照JQuery來講。 如果頁面中的元素是ID屬性 <div id="dom"></div> JQ的方法:$("#dom"),

深入理解JavaScript系列(15) 函數(Functions)

介紹 本章節我們要著重介紹的是一個非常常見的ECMAScript對象——函數(function),我們將詳細講解一下各種類型的函數是如何影響內容相關的變數對象以及每個函數的範圍鏈都包含什麼,以及回答諸如像下面這樣的問題:下面聲明的函數有什麼區別嗎?(如果有,區別是什麼)。 原文:http://dmitrysoshnikov.com/ecmascript/chapter-5-functions/ 複製代碼 代碼如下:var foo = function () { ... }; 平時的慣用方式:

JavaScript 基礎篇之運算子、語句(二)

javascript:運算子 其實運算子大家要是有電腦語言基礎應該都知道,可能甚至比我還精通,這樣我就不多解釋了,就來說說其它幾個生疏的吧! 1、in 運算子:in運算子要求其左邊的運算數是一個字串,或可以被轉換為字串,右邊的運算數是一個數組或者對象,如果左邊的值是右邊的對象的一個屬性,它返回true. 複製代碼 代碼如下:var objvalue = {x:1,y:7}; document.write("x is in objvalue:" + ("x" in objvalue) +"<

JavaScript中的null和undefined解析

在JavaScript開發中,被人問到:null與undefined到底有啥區別?一時間不好回答,特別是undefined,因為這涉及到undefined的實現原理。於是,細想之後,寫下本文,請各位大俠拍磚。總所周知:null == undefined但是:null !== undefined 那麼這兩者到底有啥區別呢?請聽俺娓娓道來...null這是一個對象,但是為空白。因為是對象,所以 typeof null 返回 'object' 。null 是 JavaScript

深入理解JavaScript系列(14) 範圍鏈介紹(Scope Chain)

前言 在第12章關於變數對象的描述中,我們已經知道一個執行內容 的資料(變數、函式宣告和函數的形參)作為屬性儲存區在變數對象中。 同時我們也知道變數對象在每次進入上下文時建立,並填入初始值,值的更新出現在代碼執行階段。 這一章專門討論與執行內容直接相關的更多細節,這次我們將提及一個議題——範圍鏈。 英文原文:http://dmitrysoshnikov.com/ecmascript/chapter-4-scope-chain/ 中文參考:http://www.denisdeng.com/?p=9

淺談javascript中的範圍

JS中範圍的概念:   表示變數或函數起作用的地區,指代了它們在什麼樣的上下文中執行,亦即上下文執行環境。Javascript的範圍只有兩種:全域範圍和本地範圍,本地範圍是按照函數來區分的。 首先來看幾道題目: 1. 複製代碼 代碼如下:if(true){ var aa= "bb"; } console.log(aa); //bb for(var i = 0; i < 100; i++){ //do } console.log(i); //100 2. 複製代碼 代碼如下:var bb =

JavaScript單元測試ABC

前言   當前,在軟體開發中單元測試越來越受到開發人員的重視,它能提高軟體的開發效率,而且能保障開發的品質。以往,單元測試往往多見於服務端的開發中,但隨著Web編程領域的分工逐漸明細,在前端Javascript開發領域中,也可以進行相關的單元測試,以保障前端開發的品質。   在伺服器端的單元測試中,都有各種各樣的測試架構,在JavaScript中現在也有一些很優秀的架構,但在本文中,我們將自己動手一步步來實現一個簡單的單元測試架構。

JavaScript 進階篇之DOM文檔,簡單封裝及調用、動態添加、刪除樣式(六)

http://www.cnblogs.com/TomXu/archive/2012/02/16/2351331.html , 在回來看這裡文章,你一定會有更深刻的認識。因為我在這裡介紹概念上的東西比較少,看下面的例子,對初學的朋友可能會有些吃力! 1、DOM的架構 複製代碼 代碼如下:<html> <head> <title>document</title> </head> <body> <h1>CSS

擴充JavaScript功能的正確方法(譯文)

早上看到《JavaScript 每周導讀》【第三期】一文,裡面發現一篇文章(Extending JavaScript – The Right Way),覺得還不錯,翻譯過來跟大家共用,本文並不是逐字逐句進行翻譯,盡量說得通俗易懂。原文地址:Extending JavaScript – The Right Way以下是譯文   JavaScript已經內建了很多強大的方法,但有時你需要的某個功能在內建的方法中沒有,我們怎麼來優雅地擴充JavaScript功能呢。

JavaScript 進階篇之閉包、類比類,繼承(五)

一、javascript中的閉包 1、我們一起先來理解什麼是函數的範圍。 2、調用的對象結合例子:複製代碼 代碼如下:function display(something) { function executeDisplay1() { document.write("我在幫老闆列印:"+something+"<br />");//引用外部函數的something參數 } executeDisplay1();//函數display引用了內建函式 } display("sorry");/

JavaScript 進階篇之函數 (四)

1、函數的建立 由於前面已經用了很多的函數,我就不在這裡多分享了。 2、嵌套函數 複製代碼 代碼如下:function china() { function people()//嵌套函數,只有china用它 { document.write("我的心愿是當杜甫,最近網上他的漫畫,他活的好瀟洒"); } people(); } 3、函數的直接量 Javascript允許函數用直接量來定義,說白了就是一個運算式,(匿名函數)。細節:匿名函數以後會用,要明白! 複製代碼 代碼如下:function

JavaScript 基礎篇之對象、數組使用介紹(三)

Javascript:對象 對象我們在前面也簡單介紹過,它是一種將多個資料值集中在一個單元的東西,使用名字來存取,它是一個無序的屬性集合。 1、建立對象的幾種方式 複製代碼 代碼如下:var empty = {} //建立一個沒有屬性的對象。 var person = {name:"ben",age:22,sex:'男'}//使用直接量建立對象 var people = {{name:'Frank',age:21},{name:'Mary',age:21},sex:'MAN'}//

javascript工具庫代碼

複製代碼 代碼如下:/* *YYJ.js 主要提供後台應用方法 *目前有Ajax、addLoadEvent、deleteAll、getByClass、$C(=getByClass)、$、yyjtable、setCss、getCss、iaArray等方法。最後面還提供了一個 *可執行個體化的方法YYJ.tick用來計算指令碼已耗用時間 *版本0.1 --tianyi yyj */ var YYJ=function(){ var UniqueInstance;

javascript淡入淡出效果的實現思路

如題,只有思路,沒有代碼。 這個思路是最近寫XScroll.js類的時候想明白的。平常我們說的淡入淡出效果,一般分成兩部分,一半是淡入,另一半就是淡出了。不過經過分析,我覺得其實只需要一半就行了。 比如寫一個圖片切換類,轉場效果是淡入淡出,通常我們會這樣寫:當切換髮生的時候,當前顯示的圖片淡出(漸漸隱藏),將要顯示的圖片淡入(漸漸出現),通常兩張圖片的動畫速度是一致的,以便實現當前圖片完全隱藏之時就是下一張圖片完全顯示之日。 我們來列一個簡單的步驟:

提高javascript效率 一次判斷,而不要次次判斷

判斷嘛,就是面臨2個或以上的選項時進行選擇。比如我家門前去公司有一個岔路,只要我第一次知道了哪一條路是對的,那我下一次或以後的每次都不用再思考了,直接走那條路即可——當然,突發天災時不算。 做出判斷是需要時間的,是需要對應條件的。正確的判斷很好,但每次面臨岔路,哪怕是走了無數次的岔路,都來進行一下判斷,無疑是一種腦殘行為。 下面來看一個我們平時經常看到的JS函數,他的作用是判斷瀏覽器類型然後設定對應的透明度屬性: 複製代碼 代碼如下:function setAlpha(obj,alpha){

一個關於javascript匿名函數的問題分析

匿名函數,就是沒有名字的函數。如: 複製代碼 代碼如下:function (){ alert('a function'); } 但是,上面的代碼會報錯。firebug提示:function statement requires a name,也就是:函數必須要有個名字。 奇怪的是,如果我用一對()把這個沒有名字的函數包起來,就不會報錯了。如: 複製代碼 代碼如下:(function (){ alert('a function'); })

從面試題學習Javascript 物件導向(建立對象)

題目: 複製代碼 代碼如下:try{ var me = Man({ fullname: "小紅" }); var she = new Man({ fullname: "小紅" }); console.group(); console.info("我的名字是:" + me.attr("fullname") + "\n我的性別是:" + me.attr("gender")); console.groupEnd(); /*------[執行結果]------ 我的名字是:小紅

JavaScript 基礎篇(一)

JavaScript 基礎篇(一) 基礎篇 Javascript:一、資料類型和值 javascript:允許使用3種基本類型資料--------數字、字串、布爾值,此外還支援兩種小資料類型null(空)和undefine(未定義). javascript:還支援符合資料類型-對象(object),javascript中對象分兩種,一種對象表示的已命名的值的無序集合,另一種表示有 編號的值的有序集合。其實有序集合就是數組(Array)。 javascript:還定義了另一種特殊對象----函數,

總頁數: 3271 1 .... 149 150 151 152 153 .... 3271 Go to: 前往

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。