JavaScript

標籤：style   blog   http   io   color   ar   使用   java   sp   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

標籤：des   http   io   ar   os   使用   java   sp   for   原文地址：http://wenku.baidu.com/view/9048edee9e31433239689357.htm

標籤：style   blog   io   color   ar   使用   java   sp   for   最近在讀《編寫可維護的javascript》這本書，為了加深記憶，簡單做個筆記，同時也讓沒有讀過的同學有一個大概

JavaScript不重新整理實現瀏覽器的前進後退功能 相較於不同頁面的跳轉，AJAX可以說大大提高了使用者的瀏覽體驗，不用看到頁面切換之間的白屏是件很愜意的事情。但是很多早先的AJAX應用是不支援瀏覽器的前進後退的，這導致了使用者不管在網站裡瀏覽到何處，一旦重新整理就會立刻回到起初的位置，並且使用者也無法通過瀏覽器的前進後退按鈕來實現瀏覽曆史的切換。對於第一個問題，解決還算容易，只要用cookie或者localStorage來記錄應用的狀態即可，重新整理頁面時讀取一下這個狀態，然後發

5個書寫JavaScript代碼的壞習慣，看看你中槍了沒？ Javascript在互連網上名聲很臭，但你又很難再找到一個像它這樣如此動態、如此被廣泛使用、如此根植於我們的生活中的另外一種語言。它的低學習門檻讓很多人都稱它為學前指令碼語言，它另外一個讓人嘲笑的東西是動態語言的概念是偏偏使用了高標準的待用資料類型。其實，你和Javascript都站錯了立場，而現在，你讓Javascript很生氣。這裡有五個原因能說明你的Javascript技術很爛。1.

javascript解析json執行個體詳解 php產生json格式使用頁面  代碼如下:<script src="scripts/json.js"></script>  alert(data.toJSONString()); 如果返回false說明沒資料 js 代碼：代碼如下:functionshowJSON() {      varuser =&

Javascript檢查圖片大小不要讓大圖片撐破頁面 如何用Javascript判斷圖片大小，其實只要寫一個簡單的函數就可以了，當然這麼判斷要怎麼寫很多人可能不知道。發覺用 ASP 判斷圖片大小比數牛毛還繁複， 且判斷了就判斷了， 還要邏輯顯示。..煩。 用 Javascript 判斷， 輕鬆搞定， 最終效果無非就是不要讓大圖片撐破頁面。  1 2 3

JavaScript函數模式詳解 建立函數的文法命名函數運算式  代碼如下://命名函數運算式var add = function add(a,b){    return a+b;}; 函數運算式  代碼如下://又名匿名函數var add = function(a,b){    return a+b;}; 函數的聲明 複製代碼

JavaScript中發布/訂閱模式的簡單一實例 1.Observer模式要求希望接收到主題通知者的觀察者必須訂閱內容改變的事件。2.Subscribe/Publish模式使用了一個主題/事件通道，這個通道介於訂閱者和發行者之間。該事件系統允許代碼定義應用程式的特定事件，該事件可以傳遞自訂參數，自訂參數包含訂閱者所需要的值。其目的是避免訂閱者和發行者產生依賴關係。與Observer模式不同之處在於它允許任何訂閱者執行適當的事件處理常式來註冊和接收發行者發出的通知。好吧，不明覺厲。下面是

JavaScript組合拼接字串的效率對比測試 在指令碼開發過程中，經常會按照某個規則，組合拼接出一個大字串進行輸出。比如寫指令碼控制項時控制整個控制項的外觀的HTML標籤輸出，比如AJAX裡得到伺服器端的回傳值後動態分析建立HTML標籤時，不過這裡我就不討論拼接字串的具體應用了，我只是想在這裡討論一下拼接的效率。字串的拼接在我們寫代碼的時候都是用“+=”這個運算子，s += String;

CSS- 文本超出指定寬度後隱藏並顯示為省略符號，css-省略符號 一般的文字截斷（適用於內聯與塊）：.text-overflow {    display:block;/*內聯對象需加*/     width:25em;    word-break:keep-all;/* 不換行 */     white-space:nowrap;/* 不換行 */  &

JavaScript代碼複用模式詳解 代碼複用及其原則代碼複用，顧名思義就是對曾經編寫過的代碼的一部分甚至全部重新加以利用，從而構建新的程式。在談及代碼複用的時候，我們首先可以想到的是繼承性。代碼複用的原則是：優先使用對象組合，而不是類繼承在js中，由於沒有類的概念，因此執行個體的概念也就沒多大意義，js中的對象是簡單的鍵-值對，可以動態建立和修改它們。但在js中，我們可以使用建構函式和new操作符來執行個體化一個對象，這與其他使用類的程式設計語言在文法上有其相似之處。例如：var

CSS彈出背景視窗半透明效果，css視窗半透明效果<script type="text/javascript" src="<ww:url value='/js/jquery-1.8.3.min.js'/>" language="javascript"></script>  <script type="text/javascript">  $(function(

給你的網站添加 console.js本文僅先給使用console調試的FE同學，如果你還不知道console是什麼，或者還停留在alert階段，那就不要浪費時間了，say bay

一款純css實現的漂亮導航，css實現導航今天給大家分享一款純css實現的漂亮導航。之前為大家分享過jquery實現的個人中心導覽功能表，今天這款也是適合放在個人中心。還帶來表徵圖，效果不錯。一起看下：線上預覽   源碼下載實現的代碼。html代碼： <div class="l-main"> <div class="menu"> <header class="menu__header">

javascript中閉包的2種經典用法閉包這個東西，網上有很多介紹資料。個人看了很多，還是一知半解。這裡不做理論介紹，直接給出2個例子。 代碼1：記錄函數被調用的次數function a(){var i = 0;function b(){return ++i;}return b;}var c = a();c();//1c();//2這種方式類似C語言中的private static變數，能夠保持局部變數的記憶體不釋放。 代碼2：正確給DOM註冊事件處理函數<script

JQuery學習(3) 建立精靈介面導航： 有下面圖，合理的布局讓圖片正確顯示： 先寫導覽列html代碼： Search Register Login 最重要的是瞭解圖片的尺寸： 意思一下：從左至右100px,110px.90px;上下結構分別是30px; 合理布局讓背景合適：

JavaScript AJAX stream 流式顯示當使用AJAX進行資訊互動的時候，如果伺服器返回的資訊比較大，那麼相對於傳送完成之後的統一顯示，流式顯示就比較友好了。流式實現原理就是設定定時器，定時的查看AJAX對象的狀態並更新內容，如果傳送完成，就取消定時器。function ajax_stream(url,data,element) {var xmlHttp=null;if (window.XMLHttpRequest){// code for IE7, Firefox, Opera,

HTML+JavaScript實現鏈式運動特效在學習js的過程中，發現這傢伙做特效真是不錯，雖然說目前水平還不夠，不過也能寫點簡單的效果。今天分享一個簡單的運動架構，然後利用這個架構實現簡單的鏈式運動特效。1.move.js在運動架構中，主要進行長寬變化和透明度的變化。長寬的變化可以實現DIV的體積運動變化效果，透明度的話主要是在滑鼠移入移出事件中添加淡入淡出的效果。我將這個簡單的運動架構封裝到一個單獨的js檔案中，方便調用。先看看代碼：//用於擷取非行間樣式function getStyle(

javascript中兩種定義函數方式的差別以及函數的先行編譯效果我們知道在javascript中定義函數的方式有以下兩種：function mm(){ }這種形式是聲明一個函數，跟 var 聲明一個變數機制一樣，指令碼在解釋執行之前會做先行編譯處理。 var mm = function(){ }這種形式是對一個變數賦值，雖然也做先行編譯，但僅僅只是給 mm 事先變數分配一個記憶體空間，而沒有做初始化。代碼1： alert(a);//列印函數a的記憶體