Time of Update: 2014-03-09
一、選擇網頁元素jQuery的基本設計和主要用法,就是"選擇某個網頁元素,然後對其進行某種操作"。這是它區別於其他函數庫的根本特點。使用jQuery的第一步,往往就是將一個選擇運算式,放進建構函式jQuery()(簡寫為$),然後得到被選中的元素。選擇運算式可以是CSS選取器:複製代碼 代碼如下:$(document)//選擇整個文檔對象$('#myId')//選擇ID為myId的網頁元素
Time of Update: 2014-03-09
今天寫一個小執行個體,用js和css寫一個可以自動隱藏的懸浮框。css肯定是用來控制樣式的,js用來控制器顯示與隱藏的。顯示與隱藏通常有兩種方法實現:1,用js控制其顯示內容;2,用js控制其大小。 今天要說的就是通過控制其大小來實現元素的顯隱,原理:為其註冊滑鼠移入、移出的事件,當滑鼠移出物件範圍,將其寬度設為1,當滑鼠再次移入該對象,將其寬度還原。很簡單,我們一起看看吧! 隱藏狀態: 左邊那一條窄線就是隱藏以後的懸浮框。 顯示狀態:
Time of Update: 2014-03-09
首先要有一個概念:並不是一個語言支援函數,這個語言就可以叫做“函數式語言”。函數式語言中的函數(function),除了能被調用之外,還具有一些其他性質。有以下三點:1. 函數是運算元2. 在函數內儲存資料3.
Time of Update: 2014-03-09
將圖片查詢出來之後,還需要加一個查看大圖的功能,於是就用js寫了一個方法,然後在image的onmouseover事件中調用此方法,這樣在滑鼠懸浮在小圖上面的時候,其大圖就會自動的顯示出來。 顯示大圖和隱藏大圖的js代碼: 複製代碼 代碼如下: <script type="text/javascript"> //顯示圖片 function over(imgid,obj,imgbig) { //大圖顯示的最大尺寸 4比3的大小 400 300 maxwidth=400;
Time of Update: 2014-03-09
HTML中Form表單的reset方法被用來清空使用者所輸入的內容,以前一直誤以為其是單純的將input等輸入項中的值清空。 但實際上不是這樣的,reset方法的本質是將input等輸入項中的內容還原為屬性value中的值,而不是“”空值。 w3c上是這樣說的: 在 HTML 表單中 <input type="reset"> 標籤每出現一次,一個 Reset 對象就會被建立。 當重設按鈕被點擊,包含它的表單中所有輸入元素的值都重設為它們的預設值。預設值由 HTML value
Time of Update: 2014-03-09
複製代碼 代碼如下: //建構函式 function person(name, age) { this.name =
Time of Update: 2014-03-09
1.如何在一個對象上添加屬性? 方法一:var b = {};b["name"] = "test";delete b.name 刪除對象的屬性方法二:b.name ="test";2.如何判斷一個變數是否聲明?typeof(a) =="undefined"typeof(d) =="function" 是否為函數3.怎麼表示為字串? 通過雙引號(""),單行號(''),反斜線(//) 1+"1"=11 1+'1'=114.Javascript
Time of Update: 2014-03-09
在頁面中如何控制內嵌的iframe滾動呢?方法是使用iframe window的scroll方法: 1、擷取iframe的視窗對象 var iwin = document.getElementById('iframe1').contentWindow; 2 、擷取iframe的視窗document對象 var doc = iwin.document; 3、調用iframe window對象的scroll方法 iwin.scroll(0,doc.body.scrollHeight);
Time of Update: 2014-03-09
但受限於瀏覽器,很多情況下我們都只能給出個連結,讓使用者點擊開啟-》另存新檔。如下面這個連結:複製代碼 代碼如下:<a
Time of Update: 2014-03-09
擷取頁面某一元素的絕對X,Y座標,可以用offset()方法: 複製代碼 代碼如下: <span style="color:#000066; font-weight:bold">var</span> X <span style="color:#339933">=</span> $<span style="color:#009900">(</span><span
Time of Update: 2014-03-09
Javascript原生並不支援命名空間,需要變通來實現。在我們建立一個JavaScript庫時,命名空間就顯得舉足輕重了,我們可以將組成這個JavaScript庫的零散的JavaScript檔案(*.js)封裝在命名空間中,而無須定義全域的函數或類。比如在本章節多次出現的Person,我們就可以作為庫的一部分封裝到合適的命名空間中:Code 5-13:複製代碼 代碼如下:var com = {};com.anyjava = {};com.anyjava.Person =
Time of Update: 2014-03-09
oninput,onpropertychange,onchange的用法onchange觸發事件必須滿足兩個條件:a)當前對象屬性改變,並且是由鍵盤或滑鼠事件激發的(指令碼觸發無效)b)當前對象失去焦點(onblur); onpropertychange的話,只要當前對象屬性發生改變,都會觸發事件,但是它是IE專屬的;
Time of Update: 2014-03-09
複製代碼 代碼如下:function moveToRight(select1,select2)//把選中的移動到右邊 sleect1和sleect2分別是下拉式清單方塊的ID{ $('#'+select1+' option:selected').each(function(){ $("<option
Time of Update: 2014-03-09
1. debugger; 我以前也說過,你可以在JavaScript代碼中加入一句debugger;來手工造成一個斷點效果。需要帶有條件的斷點嗎?你只需要用if語句包圍它:複製代碼 代碼如下:if (somethingHappens) { debugger;}但要記住在程式發布前刪掉它們。2. 設定在DOM node發生變化時觸發斷點
Time of Update: 2014-03-09
主要用於營運系統, 對介面要求不高的場合。 深深感到自己頁面設計能力弱爆了,只能借鑒一下了, 互動邏輯還可以勝任一點。 直接貼代碼: 1. HTML 頁面及 JS 互動, 注意引入 Jquery 檔案 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta
Time of Update: 2014-03-09
一、類型轉換 1.轉換成字串 ECMAScript的Boolean值、數字和字串的原始值的有趣之處在於它們是偽對象,這意味著它們實際上具有屬性和方法。 如: 複製代碼 代碼如下:var sColor = "blue";alert(sColor.length);//outputs "4"總而言之,3種主要的原始值Boolean值、數字和字串都有toString()方法。ECMAScript定義的所有對象都有toString()方法,無論它是偽對象,還是真的對象。
Time of Update: 2014-03-09
以下代碼塊就能始終讓彈出div位於螢幕的正中心,希望對大家有所協助! 複製代碼 代碼如下: //讓指定的DIV始終顯示在螢幕正中間 function setDivCenter(divName){ var top = ($(window).height() -
Time of Update: 2014-03-09
事件在javascript中一直是最強大的對象之一。javascript提供了addEventListener和attachEvent兩個方法來為DOM節點綁定事件,jquery作了進一步封裝,提供了相容各個瀏覽器的bind方法。現在來看,這種傳統的事件綁定方式存在著以下不足:1.可能需要綁定很多的EventHander。假如頁面中某個表有100行,現在必須為每一行綁定一個click事件。那麼就必須綁定100個EventHandler,這對頁面效能來說有著極大的負擔,因為需要建立更多的記憶體來存
Time of Update: 2014-03-09
使用 HTML5,CSS3 和 Javascript 可以協助物件導向開發人員開發擁有各種特性的遊戲,比如:3D 動畫效果,Canvas,數學,顏色,聲音,WebGL 等等。最明顯的優勢在於使用 HTML5 開發的遊戲能在任何現代化流行的裝置上運行。某些遊戲引擎僅僅是一個抽象的層次,就簡單處理一些或者更多的繁雜遊戲開發工作單位;其他只是注重 asset 載入,輸入,物理效果,音頻,sprite 地圖和動畫,而且相當多樣化。還有一些引擎架構極其簡單,只包括一個 2D
Time of Update: 2014-03-09
18.javascript中的回調模式: 形如:function writeCode(callback){//執行一些事物,callback();//...}function