Time of Update: 2013-10-16
遇到的問題,首先是js對象的封裝,js沒有提供類的機制,唯一的內建類是function類,也就是說所有的函數都是function類的執行個體化對象。不過依靠這個唯一的類我們可以類比定義一個新的類。 首先想到的,是直接用function組建定義完整的類: 複製代碼 代碼如下: function myClass(arg,...) { this.attributeName; this.functionName = function(){}; }
Time of Update: 2013-10-16
首先前台代碼 複製代碼 代碼如下: <div class="tab"> <div class="tab_menu"> <ul> <li class="selected">個人資訊</li> <li class="selected">我的照片</li> <li class="selected">我的部落格</li> <div class="clear"></div>
Time of Update: 2013-10-16
實現目標:1、點擊“匿名小組”,自動跳轉:成員類型“私密群”、存取控制 “群成員” 2、點擊“公開群”, 自動跳轉:成員類型“實名小組” 首先是獲得點擊radio的事件,用的是jquery庫,獲得事件後判斷是那個radio,通過判斷是那個radio被checked瞭然後進行聯動變換。其中遇到的問題有,相容ie和firefox的事件,然後是設定select中的中options的selected屬性。 相容ie和firefox用了var
Time of Update: 2013-10-16
IE中的擷取文本方法innerText在firefox中不支援 firefox改成了textContent方法/屬性 並且在Firefox中文本中間的空白自符被無情的替換沒了 使用起來異常不方便 現在好了,用Javascript重新定義了innerText方法 使得在Firefox中也可以使用innerText方法 並且此方法解決了firefox中空白字元的問題 使用方法: 將下面的指令碼放在頁面內 不管ie還是firefox都可以使用obj.innerText提取文本了 複製代碼 代碼如下:
Time of Update: 2013-10-16
在SharePoint2010裡有了很好的解決方案(詳見拙文SharePoint用戶端編程系列http://www.jb51.net/article/27198.htm),但是在SharePoint2007裡就沒那麼好用,具體問題具體分析,本文要解決的是如何在JavaScript裡通過WebService訪問SharePoint資料的問題。 首先需要從此處(http://darrenjohnstone.net/download/12)下載JavaScript
Time of Update: 2013-10-16
複製代碼 代碼如下: var YX = { //得到JS內建資料類型的類型,傳回值包括[Date,RegExp,Number,String,Array,Boolean,Function,null,undefined,Object] getType : function(obj){ return obj == null ? obj + "" : Object.prototype.toString.call(obj).slice(8,-1); } //建立一個簡單的類 ,createClass :
Time of Update: 2013-10-16
當時Netscape的JavaScript使其在與ie的瀏覽器大戰中獨佔鰲頭,而後ie建立了jscript應對Netscape的JavaScript,而事實上jscript基本上抄襲的JavaScript,這也是微軟一直備受詬病的一件事,jscript與JavaScript有一些文法上的不一樣,但二者均是同一類web開發技術,而且目前流行的是JavaScript,jscript的使用已經越來越少了。另外JavaScript的核心為ecmascript,與actionscript的核心一樣,所以學
Time of Update: 2013-10-16
第一章:載入和執行 瀏覽器的JavaScript的引擎是編譯器層的最佳化; 當瀏覽器執行JavaScript代碼時,不能同時做其他任何事情(單一進程),意味著<script>標籤每次出現都霸道地讓頁面等帶指令碼的解析和執行(每個檔案必須等到前一個檔案下載並執行完成才會開始下載),所以頭部的JS和CSS用來渲染頁面,互動行為(幾乎所有)的JS放在<body>底部; 主流瀏覽器都允許並行下載JS。 減少外鏈指令碼數量將會改善效能(合并JS)
Time of Update: 2013-10-16
通過使用jquery的lazy loader外掛程式可以實現圖片的消極式載入,當網頁比較長的時候,會先只載入使用者視窗內的圖片,視窗外的圖片會等到你拖動捲軸至後面才載入,這樣有效避免了因圖片過多而載入慢的弊端。 使用lazy loader外掛程式很簡單,只要在頁面中引入lazy loader外掛程式,然後為頁面上的圖片調用消極式載入方法就可以了。lazy loader外掛程式的:http://www.appelsiini.net/projects/lazyload。下面先看看具體的使用方法:
Time of Update: 2013-10-16
代碼如下: 複製代碼 代碼如下: $("#money").bind("propertychange",function() { if(""!=this.value){ var str = this.value.replace(/(^\s*)|(\s*$)/g, ""); if(this.value != str ) this.value = str; } if( isNaN(Number(this.value))) this.value = this.value.replace(/[\D]/,'
Time of Update: 2013-10-16
導覽按鈕是網站的非常重要的一部分,因其將網站的所有部分而集中一處,jQuery導覽功能表外掛程式在其中扮演重要的角色。本文介紹了14個很酷的jQuery導覽功能表外掛程式,它們夠漂亮、簡單,並且完全相容各種類型的web瀏覽器。1.Facets Navigation Demo | Download2.Rocking & Rolling Demo | Download3.Garage Door Menu Demo | Download4.Little Boxes Menu Demo |
Time of Update: 2013-10-16
複製代碼 代碼如下: var str = "123#abc"; var re = /abc/ig; console.log(re.test(str)); //輸出ture console.log(re.test(str)); //輸出false console.log(re.test(str)); //輸出ture console.log(re.test(str)); //輸出false
Time of Update: 2013-10-16
前邊也講過一個基於java的圖形報表,功能及外觀也不錯,但存在通用性的問題。所以我們來學一個具有易用性+相容性+可擴充性的js圖表外掛程式。 jqPlot是一款基於jquery類庫的表徵圖繪製外掛程式。通過jqPlot可以再網頁中繪製線狀、柱狀、餅狀等多種樣式圖表。而且,jqPlot具有外掛程式可擴充性(Pluggability),你可以編寫自己的圖表樣式。 官方地址:http://www.jqplot.com/功能概述: 有多種圖表樣式可供選擇 可以自訂日期軸線 可設定旋轉軸文字
Time of Update: 2013-10-16
複製代碼 代碼如下: //初始化頁面時驗證是否記住了密碼 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pass").val($.cookie("passWord")); } }); //儲存使用者資訊 function saveUserInfo()
Time of Update: 2013-10-16
1,onload事件 複製代碼 代碼如下: <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>Link Element onload</title> <link type="text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny/webface/login/css/login101021
Time of Update: 2013-10-16
複製代碼 代碼如下: function Polygon(iSliders){ //定義一個多邊形 this.silders=iSliders; } Polygon.prototype.getArea=function(){ //為多邊形定義一個去的面積的方法 return 0; } function Triangle(iBase,iHeight){ Polygon.call(this,3); //繼承多邊形對象 this.base=iBase;
Time of Update: 2013-10-16
在沒有看到這篇 文章之前,我一直不知道原來bind也可以有命名空間。事實上,我看完這篇文章後,再去翻了一下手冊,也才發現了一點點的注釋。但手冊也僅僅是一句話就帶 過去了。沒有過多的深究,或許他認為命名空間這玩意很簡單,沒有必要多解釋? 先看手冊,由於bind方法有三個參數(type,[data],fn),所以手冊上這麼介紹: .bind() 方法是用於往文檔上附加行為的主要方式。所有JavaScript事件對象, 比如focus, mouseover, 和
Time of Update: 2013-10-16
如下 複製代碼 代碼如下: <div id="user"> jack</div> <script> alert(document.getElementById('user').innerHTML.length); </script> div[id=user]中的文本"jack"前有兩個英文空格,各瀏覽器下結果如下 IE6/7/8 : 彈出4,即忽略了空格 IE9/Firefox/Safari/Chrome/Opera : 彈出6,即沒有忽略空格
Time of Update: 2013-10-16
改變文字框的獲得焦點的樣式 複製代碼 代碼如下: <form action="#" method="POST" id="regForm"> <fieldset> <legend>個人基本資料</legend> <div> <label for="username">名稱:</label> <input id="username" type="text"> </div>
Time of Update: 2013-10-16
從需求上來說,這個功能需要即時調用最新的微博資料,單就前端開發來說,其需求可以拆分如下: 1 內容持續滾動; 2 新微博將下面的微博先推下去,然後淡入進來; 3 滑鼠經過內容暫停滾動; 4 容器底部漸層消失在背景色下。 上述4個需求之中,需求1-3為js技術實現,需求4為css技術實現,下面逐個需求來講。