Time of Update: 2017-01-18
例如: new Boolean(false) 會返回一個對象,該對象有一個 valueOf 方法會返回被封裝的值。這其實完全沒有必要,並且有時還令人困惑。不要使用 new Boolean、 new Number 或 new String。 此外也請避免使用 new Object 和 new Array。可使用 {} 和 [] 來代替。 --------------------------------------------------------------------------------
Time of Update: 2017-01-18
用過qq空間的朋友應該對這個很熟悉吧,效果蠻炫的,不過它們是用flash實現的,那麼javascript可不可以呢,我琢磨了三天,終於弄的差不多了,不過還是有些地方不完善,還望大家多多諒解,我會在以後將其完善的. 先說下思路: 首先動態建立一個html結構 複製代碼 代碼如下: <div style="overflow-x:hidden;"> <table border="0" cellspacing="0" cellpadding="0"> <tr>
Time of Update: 2017-01-18
brook引用了UNIX下的pipe概念,輕鬆把所有的處理都串聯起來以共同完成任務。前一個處理的輸出作為後一個處理的輸入來完成參數的傳遞。通過brook你可以以MVC的方式來寫你的javascript程式。 http://hirokidaichi.github.com/brook/ brook 雲棲社區下載brook架構使用namespace庫用於模組的組織。 這裡再次用例子說明一下namespace的使用方法: 複製代碼 代碼如下: // 定義一個sample命名空間
Time of Update: 2017-01-18
學習Javascript,最難的地方是什嗎?我覺得,Object(對象)最難。因為Javascript的Object模型很獨特,和其他語言都不一樣,初學者不容易掌握。下面就是我的學習筆記,希望對大家學習這個部分有所協助。我主要參考了以下兩本書籍:《物件導向的Javascript》(Object-Oriented JavaScript)《Javascript進階程式設計(第二版)》(Professional JavaScript for Web Developers, 2nd
Time of Update: 2017-01-18
HTML Title: 複製代碼 代碼如下: <title>你好,Mr-S.R Lee</title> JavaScript: 複製代碼 代碼如下: <script type="text/javascript"> function scroll() { //擷取title資訊。 var titleInfo = document.title; //擷取title第一個漢字(數字、字母)。 //注釋:字串中第一個字元的下標是 0。如果參數 index 不在 0
Time of Update: 2017-01-18
本節代碼主要使用了 onMousedown 事件和 event.button 屬性,主要功能和用法如下。 • setTimeout 方法,在執行時是在載入後延遲指定時間後,去執行一次運算式,僅執行一次。 • charAt 方法返回一個字元值,該字元位於指定索引位置。字串中的第一個字元的索引為0,第二個的索引為1,等等。超出有效範圍的索引值返回Null 字元串。 打字效果的文字特效 打字效果的文字特效 [Ctrl+A 全選
Time of Update: 2017-01-18
關於javascript中類的繼承可以參考阮一峰的Blog《Javascript繼承機制的設計思想》,說的很透。一、在javascript中執行個體化遇到的問題:下面用《javascript進階程式設計》中的例子來做說明,假如現在定義了一個car的對象,它是Object類的執行個體。像下面這樣的:複製代碼 代碼如下: var oCar=new Object(); oCar.color = "red"; oCar.doors = 4; oCar.mpg = 23; oCar.showColor =
Time of Update: 2017-01-18
oldObj是一個對象,而不是值 例如var newObj=oldObj; 如果想oldObj改變的時候不影響到newObj; 可以這樣寫一個函數 複製代碼 代碼如下: function clone(myObj){ if(typeof(myObj) != 'object') return myObj; if(myObj == null) return myObj; var myNewObj = new Object(); for(var i in myObj) myNewObj[i] =
Time of Update: 2017-01-18
深入學習javascript繼承之前,先瞭解下面的幾個概念: 父類:被繼承的類 子類:由繼承得來的類 超類:也就是父類 抽象類別:一般不用來執行個體化的類,它的用途是用來給其他類繼承. 基類:提供給其他類可以繼承的類 衍生類別:由基類繼承而來的類 javascript對象繼承通常有下面的5種方式: 1.對象冒充 2.call()方式 3.apply()方式 4.原型鏈 5.混合方式 A.對象冒充 所謂對象冒充,就是新的類冒充舊的類(舊的類必須採用建構函式方式),從而達到繼承目的. eg.1
Time of Update: 2017-01-18
Writing maintainable Object-Oriented (OO) JavaScript will save you money and make you popular. Don't believe me? Odds are that either you or someone else will come back and work with your code. Making that as painless an experience as possible
Time of Update: 2017-01-18
效果要基本實現以下功能: (1)滑鼠滑過文章中的連結文字,要在相應位置彈出提示框,提示框的樣式由css來控制,高度自適應;滑鼠可以點擊提示框的中的連結,滑離提示框時,框自動消失; (2)把提示框的位置控制在文本域範圍之內,如果連結文字處在文本域左側,提示框要居右顯示,使其不會出離文本域;反之,如果連結文字處在文本域右側,提示框要居左顯示; (3)如果文本域內容很多,而連結文字恰巧處於瀏覽器底部,為了使提示框不出離於瀏覽器的可視範圍,提示框的位置要自動調整到連結文字的上面; 1.css 複製代碼
Time of Update: 2017-01-18
跳動的文字 我 是 真 的 愛 你 ________________________ www.jb51.net [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-18
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-18
<input id="workname" style="width: 200px" name="workname" value="" type="text" onkeyup="JavaScript:replaceLikeVal(this)" />正則實現replaceAll:function replaceLikeVal(comp){ if (comp.value.indexOf("'") != -1 || comp.value.indexOf("\"") != -1) {
Time of Update: 2017-01-18
經常上qq空間的朋友一定對qq空間的個性編輯模組印象深刻,可以隨意的拖動頁面上的元素並且調動大小實現動態布局,當然我每次上csdn部落格也會在右下角看見一個新聞視窗,這種效果的確很酷,那麼我們也來實現一個吧. 實現步驟: 1.首先是動態建立一個類似這樣的html結構: 複製代碼 代碼如下: <div style="height:200px;width:200px;overflow:hidden" id="a"> <div id="head" style="background-
Time of Update: 2017-01-18
大致介紹學習了妙味,用原生的JavaScript實現jQuery中的某些部分功能定義自己的函數庫lQuery$()選取器的實現jQuery是物件導向的,所以自己編寫的也要是物件導向的,看看基本的結構// 定義lQuery對象function lQuery(lArg){}function lQ(lArg){ return new lQuery(lArg);}// css()方法lQuery.prototype.css = function(){};//
Time of Update: 2017-01-18
下面我就寫幾個給大家看看 一,點擊傳參方法 複製代碼 代碼如下: <script> function tab(dom){ var list = document.getElementById("list").getElementsByTagName("li"); var con = document.getElementById("con").getElementsByTagName("div"); for(var i=0;i<list.length;i++){
Time of Update: 2017-01-18
如果這個DOM元素沒有樣式也就談不上操作了。2.我們也可以直接用JS動態向html裡寫入DOM元素。 今天這章我們就講這兩個應用 (一)對html裡現有的DOM元素進行操作。 我上面說了,對現有的DOM元素進行操作,無非就是對樣式的操作。所以我們首先就要能擷取這個DOM元素的樣式。在講擷取DOM元素的樣式之前。先要說下DOM元素的樣式連結方式。有三種。 一是直接在html文檔裡寫入樣式例如 <div style="width:300px;height:200px;background:#0
Time of Update: 2017-01-18
其實在原生的也JS也有這些屬性。和JQ幾乎相同但是比JQ少一些。但是用起來卻比JQ麻煩一點。主要因為FF瀏覽器,因為FF會把你的換行也當做一個DOM元素。比如說 複製代碼 代碼如下: <div id = "dom"> <div></div> <div></div> </div> 我用原生的JS擷取ID為dom的元素下的子項目。用我第一章說的方法就是var a = document.getElementById("dom")
Time of Update: 2017-01-18
我相信可能大部分人來這裡學javascript主要還是想用這個結合頁面中的DOM元素做一些實際有用的互動效果。所以我這裡只教大家最實際,最有用的javascript應用。但是前提大家最好有一些javascript或者jquery的編程的基礎。好廢話不多說了。 今天第一篇,就教大家如何用javascript擷取頁面中的dom元素。這個很重要。我會對照JQuery來講。 如果頁面中的元素是ID屬性 <div id="dom"></div> JQ的方法:$("#dom"),