JavaScript 中級筆記 第二章
1，引用 引用是一個指向對象實際位置的指針。看下面的使用引用的例子： [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] 本例中，兩個對象都指向同一個對象，當修改某一個對象的屬性內容時，則會影響另一個。 我們再來看一...
|
|
JavaScript 中級筆記 第一章
一，回顧 首先先來回顧下DOM和事件。 1，DOM DOM在JavaScript中是應用最廣泛的，大部分Web開發的編程語言都提供了相關的實現。給了開發者一個統一的接口。 看下面的例子: demo 李老師-英語 張老師-數學 劉老師-物...
JavaScript 中級筆記 第四章 閉包
5，閉包 閉包意味著內層的函數可以引用存在于包圍它的函數內的變量，即使外層函數的執行已經終止。 讓我們先來看一個閉包的例子。 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] 代碼①是處于函數內層，不過它可以使...
JavaScript 中級筆記 第三章
3，作用域 所有的面向對象的語言都有某種形式的作用域，JavaScript也不例外。在JavaScript里，作用域是由函數劃分的，而不是由塊（while，if之類的）來劃分的。 我們先來看一個簡單的作用域的例子。 [Ctrl+A 全選 注:如需引入...
IE與Firefox在JavaScript上的7個不同寫法小結
在這篇文章中，作者介紹了7個在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值 訪問一個給定CSS 值的最基本句法是： object.style.property ，使用駝峰寫法來替換有連接符的值，例如，訪問某個ID為"header"的<div>的b...
JavaScript 中級筆記 第五章 面向對象的基礎
一，面向對象的基礎 對象是JavaScript的基礎。從最基本的層次上說，對象是一系列屬性的集合。 1,對象的創建 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] 相信很多朋友對這些創建對象的方式接觸過很多次了，都很熟...
Mootools 1.2教程(2) DOM選擇器
如果你還沒有準備好，請先閱讀上一篇《Mootools 1.2教程(1)――MooTools介紹》。我們講了怎么引用MooTools 1.2以及怎么在domready里面調用你的腳本。 今天開始本系列教程的第2講。在這一講中，我們會學習幾種選擇HTML元...
MooTools 1.2介紹
MooTools 1.2 JavaScript庫介紹 MooTools 1.2是個強大的輕量級的JavaScript庫，專門為減輕Web中交互性JavaScript開發。在某種程度上，你可以認為MooTools是CSS的擴展。例如，CSS可以讓你在鼠標移上去時發生改變。JavaScrip...
Mootools 1.2教程 函數
今天開始MooTools系列教程的第4講。如果你還沒有看過上一講，請先查看上一篇教程《Mootools 1.2教程(3)――數組使用簡介》。今天我們先不講MooTools，而是講一講JavaScript中的函數（function）的基本知識。 但是，為了符合Moo...
Mootools 1.2教程(3) 數組使用簡介
今天，我們在來看看如何使用數組來管理DOM元素。基本方法 .each(); 在處理數組時，.each();方法是你最好的朋友。它提供了一種很容易的方法來遍歷數組的每個元素，如果有需要還可以對其中的元素進行任何邏輯處理。例如，我們...
Mootools 1.2教程 事件處理
今天我們開始第五講，在上一講（《Mootools 1.2教程(4)――函數》）中，我們學習了在MooTools 1.2中建立和使用函數的幾種不同方式。下一步就是理解事件了。和選擇器類似，事件也是建立互動界面的一個重要部分。一旦你掌握了一...
jquery tools 系列 scrollable學習
復制代碼 代碼如下:<!-- navigator --> <div class="navi"></div> <!-- prev link --> <a class="prev"></a> <!-- root element for scrollable --> <div class="scrollable"> <div id="thum...
jquery tools系列 overlay 學習第1/2頁
如scrollable的學習，首先給出操作的html目標代碼：復制代碼 代碼如下:<button rel="#overlay">Open overlay</button> <button rel="#overlay2">Other overlay</button> <div class="overlay" id="overlay"> <h2 sty...
jquery tools 系列 scrollable（2）
scrollable提供的一系列獲取scrollable對象的方法具體使用方式如下： 復制代碼 代碼如下:var scrollable=$("div.scrollable").scrollable(); //alert(scrollable.getConf().prev);//獲取配置對象中的prev屬性...
Javascript中的var_dump函數實現代碼
發現了一個非常好的JavaScript調試方法，目前看到的是可以打印Object/Array/Function/String四種類型，使用方法和PHP中的var_dump()一樣，只要直接dump(變量名)即可。
復制代碼 代碼如下:dump(value, [showTypes]) @ par...
jquery tools系列 expose 學習
如overlay的學習，首先給出操作的html目標代碼： 復制代碼 代碼如下:<div id="test"> expose test! </div>
<div style="margin:0 auto;width:300px"> <img src="http://flowplayer.org/tools/img/expose/ball_...
javascript十個最常用的自定義函數(中文版)
(10)addEvent 網上最流行的版本是Scott Andrew的，據說javascript界曾舉行一場比賽（此事件我們可以在Pro Javascript Techniques第100頁看到）或瀏覽PPK的網站，征求添加事件與移除事件的函數，他就是其獲獎者。下面就是他的實...
javascript 獲取select下拉列表值的代碼
比如，在使用DWR的時候，如果你想傳遞下拉框的參數到后臺的話，此時就需要先獲取到下拉框的值了。 其實想要獲取到下拉框的值是很簡單的。 最關鍵的一段代碼就是： 復制代碼 代碼如下: onchange="show(this.options[this.opti...
javascript 定義初始化數組函數
復制代碼 代碼如下:<script type="text/javascript"> var date=new Date(); function initArray(){ this.length=initArray.arguments.length; for(var i=0;i<this.length;i++){ this[i]=initArray.arguments[i]; } }...
JS 網頁彩蛋 實現代碼
.bg{ background:url(http://nba.titan24.com/focus/kikx/images/sp.gif) repeat;} p{ text-align:center; color:#d00; padding:10px 0; } h1{ text-align:center; font-size:80px; color:#f06; line-height:1...
Javascript 阻止瀏覽器默認操作的實現代碼
在很多時候，我們需要改變這些默認操作，比如：點擊一個鏈接時，我們執行一些 ajax 操作，但是我們并不希望執行跳轉動作，于是，就有了本文：阻止瀏覽器默認操作。
其實這并不是一個非常難的課題，單獨拿出來的原因還是瀏覽器兼容問...
javascript 流暢動畫實現原理
當然考慮到瀏覽器(特別指IE)糟糕的js執行能力，動畫效果又要受到影響。 瀏覽器中的動畫效果主要依靠js來動態改變Dom元素外觀來形成。不過據說css正在修煉這方面的能力哦。(拭目以待^_^) 我們需要周期性的改變dom元素的...
Javascript String.replace的妙用
String.replace( ) 簡介 語法： 復制代碼 代碼如下: string.replace(regexp, replacement) regexp ：您要執行替換操作的正則表達式，如果傳入的是一個字符串，那就會當作普通字符來處理，并且只會執行一次替換操作；如果是正則...
Javascript 檢測、添加、移除樣式(className)函數代碼
復制代碼 代碼如下: <script type="text/javascript"> // 說明：添加、移除、檢測 className function hasClass(element, className) { var reg = new RegExp('(//s|^)'+className+'(//s|$)'); return element.classNa...
用 Javascript 驗證表單(form)中的單選(radio)值
本文介紹了一個較為通用的獲取 radio 值的方法，希望對新手有用。 復制代碼 代碼如下: <script type="text/javascript"> // 說明： 用 Javascript 驗證表單（form）中的單選（radio）值 // 作者： CodeBit function getRadioValue(...