Time of Update: 2018-12-08
複製代碼 代碼如下:var iframe = document.createElement("iframe"); iframe.src = "http://www.jb51.net"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); }; } else { iframe.onreadystatechange = function(){ if
Time of Update: 2018-12-08
DOM操作的分類:DOM CORE(核心)、HTML-DOM和CSS-DOM 1. DOM Core DOM Core並不專屬於javascript,任何一種支援DOM的程式設計語言都可以使用它。 它的用途並非僅限於處理網頁,也可以用來處理任何一種使用標記語言編寫出來的文檔,如XML. Javascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()方法,都是dom core的組成部分。 2.
Time of Update: 2018-12-08
呃,貌似是廣告哈?呵呵,不過的確是這樣,jQuery為我們提供了豐富的DOM操作方法,使這些複雜的DOM操作變得簡單。 繼上一回寫jQuery的筆記貌似已經過去很長時間了,這一節也確實有必要寫一下了,呵呵,Let's Go~ 操作屬性: 之前,我們說過.addClass()及.removeClass()方法,更改的其實也是DOM的屬性:className。 說到這就得再提一下,為啥元素的類名叫做className而不是直接叫class,因為class是js的保留字。嗯。
Time of Update: 2018-12-08
ExtJS中的renderTo和applyTo的差別對applyTo和renderTo的理解和思考個人認為這兩篇文章寫的不夠通俗。寫一個簡單的例子來看看最終產生了什麼代碼, 複製代碼 代碼如下:<head> <title>RenderTo and ApplyTo</title> <link rel="Stylesheet" type="text/css" href="ext-3.1.0/resources/css/ext-all.css" /> &
Time of Update: 2018-12-08
序言 根據我在論壇上的觀察,xtype用起來的時候疑惑會比較多。甚至有些人根本忽略xtype,或者不清楚它是什麼。所以我決定闡述一下這個xtype的概念。 定義 xtype就是一個代表類(Class)的標識名字。 譬如,你有這個類,名字是Ext.ux.MyGrid。正常情況下你需要用這個名字來執行個體化這個類(建立類的對象)。 除了類名外,你還可以這樣登記類的xtype: Ext.reg('mygrid', Ext.ux.MyGrid); 其中xtype 是 mygrid
Time of Update: 2018-12-08
ToolBar的使用很簡單,關鍵是向ToolBar上面新增內容,預設地ToolBar添加的是Button,不過實際上可以向Toolbar添加任意的組件。下面是一個例子:複製代碼 代碼如下:<script type="text/javascript"> Ext.onReady(function() { var tb = new Ext.Toolbar({ renderTo: document.body, width: 600, height: 100, items: [ { //
Time of Update: 2018-12-08
1. Real Person jQuery Plugin2. Search And Share3. FancyPlayer – jQuery Fancybox and Flowplayer Integration4. Speeding up Google Analytics load times with jQuery5. Price Format – jQuery Plugin6. jTruncate – Text Truncation for jQuery7. Slide Top
Time of Update: 2018-12-08
1.日期選擇框,DateField 日期選擇框在日常項目中被廣泛應用,一個方便的日期輸入機制能夠極大的提高使用者體驗。Extjs的DateField非常友好靈活強大。可以通過如下代碼建立一個日期選擇框: 複製代碼 代碼如下:new Ext.form.DateField({ id: 'diliveryDate', format: 'Y年m月d日', maxValue: new Date(), minValue: '1900-01-01', disabledDays: [0, 6],
Time of Update: 2018-12-08
Extjs中的表單組件是Ext.form.BasicForm,不過最簡單最常用的是Ext.form.FormPanel控制項,它繼承自Panel,具有一定的介面顯示控制能力,它其中包含著一個BasicForm對象,用來執行向伺服器提交,載入等動作。Extjs也對常用的html表單項進行了封裝,提供了一些額外的功能,比如資料驗證。實際使用的時候只要向FormPanel中添加這些表單項即可。常見的表單項有,TextField,NumberField,Radio,CheckBox等。
Time of Update: 2018-12-08
一、HTML DOM是一個樹型的對象 二、每個node都包含該節點的某些資訊,分別是: 1. nodeName nodeName 屬性含有某個節點的名稱。 * 元素節點的 nodeName 是標籤名稱 * 屬性節點的 nodeName 是屬性名稱 * 文本節點的 nodeName 永遠是 #text * 文檔節點的 nodeName 永遠是 #document 注釋:nodeName 所包含的 XML 元素的標籤名稱永遠是大寫的 2. nodeValue
Time of Update: 2018-12-08
在其中建立一個my目錄,以後所有的範例檔案都建立在這個目錄中。1.Hello world! 先看一個Extjs版的Hello World網頁的全部代碼: 複製代碼 代碼如下:<html> <head> <title>Extjs MessageBox</title> <link rel="Stylesheet" type="text/css" href="../resources/css/ext-all.css" />
Time of Update: 2018-12-08
圖片如上。。下載圖片試試。。效果不錯哦。。JS就直接連接遠程就可以了代碼複用性差。。希望高手指點下,應該怎麼樣才好複製代碼 代碼如下:<!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">
Time of Update: 2018-12-08
HTML 複製代碼 代碼如下:<p><a href="#" class="run">Run</a></p> <div id="box"> </div> <p><a href="#" class="run">Run</a></p><div id="box"></div> CSS 複製代碼 代碼如下:<style type="text/css">
Time of Update: 2018-12-08
複製代碼 代碼如下:$(function(){ document.oncontextmenu=function(){return false;}//屏蔽右鍵 document.onmousemove=mouseMove;//記錄滑鼠位置 }); var mx=0,my=0; function mouseMove(ev){Ev=ev||window.event;var mousePos=mouseCoords(Ev);mx=mousePos.x;my=mousePos.y;} function
Time of Update: 2018-12-08
文章目錄 網路狀況監視器Javascript調試器DOM查看器小結 什麼是Firebug從事了數年的Web開發工作,越來越覺得現在對WEB開發有了更高的要求。要寫出漂亮的HTML代碼;要編寫精緻的CSS樣式表展示每個頁面模組;要調試
Time of Update: 2018-12-08
作為一名程式員,一提到“緩衝”你很容易聯想到“用戶端(瀏覽器緩衝)”和“伺服器緩衝”。用戶端緩衝是存在瀏覽者電腦硬碟上的,即瀏覽器臨時檔案夾,而伺服器緩衝是存在伺服器記憶體中,當然在一些進階應用程式場合也有專門的快取服務器,甚至有利用資料庫進行緩衝的實現。當然這些都不在本文的討論範圍,本文要討論的是最流行的JavaScript架構jQuery的資料緩衝實現原理,這是jQuery1.2.3版開始加入的新功能。 一、 jQuery資料緩衝的作用 jQuery資料緩衝的作用在中文API中是這樣描述的:
Time of Update: 2018-12-08
讓所有沒用過firebug的朋友來,徹底的入門使用,對於進階提示指令碼之家以後會為大家都準備一些的。希望大家多多的支援我們,支援指令碼之家。1、firebug做什麼用的FireBug是FireFox下最強大的調試外掛程式.它對於網頁開發人員來說,Firebug是Firefox瀏覽器中最好的外掛程式之一。
Time of Update: 2018-12-08
這篇文章是我從一個國外網站看的視頻,經過簡單實踐,我發現這樣做的確可以提高不少效率。下面來說說這種方式: 先決條件: 安裝firefox+firebug 這裡以我的部落格為例: 基本的使用如下:OK,下面讓我們步入正題:就拿上面的圖片為例,我們看到部落格園所有的標題都將class命名為:postTitle,下面我們利用jQuery將頁面中的標題隱藏:當然,我們也可以給頁面的元素加入事件:小結 上面我們簡單說了firebug在調試jQuery中的簡單應用,用這種方法,我們可以得到如下好處:
Time of Update: 2018-12-08
微軟此舉的意圖很明顯——以一種極小的代價“實現” DOM2的全部介面。這裡舉兩個例子: 複製代碼 代碼如下:Element.prototype.addEventListener = function(evtType, evtHandler) { return this.attachEvent('on' + evtType, evtHandler); } Object.defineProperty(Event.prototype, 'target', { get: function() {
Time of Update: 2018-12-08
需求 在js中將中文用gb2312編碼。如,“我”編碼後應該是“%CE%D2”。 分析 大家知道,encodeURI和encodeURIComponent會用utf-8編碼,如“我”編碼後是“%E6%88%91”。據實驗,似乎沒有參數指定編碼的地方。只有另尋他法。 大致分析有如下幾種解決方案: 1. 用js建立一個隱藏的iframe並指定其為gb2312編碼,將需要轉換的文本放到iframe的form的一個input中,將form指定為get方式並提交,