JavaScript

複製代碼 代碼如下: <span style="font-size:14px;"><!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"> <head> <meta

發表於GoogleWebPerf（倫敦WebPerf集團），​​2014年8月26日。高效的JavaScript

切頁面時有時用連結A來替代按鈕，這樣做有幾個好處 滑鼠放上時預設有手狀效果（不用添加cursor:pointer） 可以添加低版本IE都支援的偽類 如果點擊時頁面要整體重新整理，即跳轉，這時IE6則不盡人意，如下 複製代碼 代碼如下: <p><a href="javascript:;" onclick="jumpSina()">Sina</a></p> <p><a href="javascript:void 0;"

(譯者注: 本文解決的是按 Ctrl鍵時使用JS開啟新頁面的問題)在簡化的HTML5規範中,允許在 A 標籤內包含多個 DIV 和/或其他區塊層級元素. 現在只要用 <a> 標籤包住塊元素,就能搞定原來需要用JavaScript來監聽並調用 window.location 實現頁面跳轉(redirect)功能.但使用<a>標籤的這種封裝形式也有不好使的情況 —— 例如,某個塊元素(block)內還有一些 <a> 標籤, 這種情況下我們只想在點擊parent中&

事件觸發程序從字面意思上可以很好的理解，就是用來觸發事件的，但是有些沒有用過的朋友可能就會迷惑了，事件不是通常都由使用者在頁面上的實際操作來觸發的嗎？這個觀點不完全正確，因為有些事件必須由程式來實現，如自訂事件，jQuery的ajax架構的一些自訂事件就必須由事件觸發程序來實現。當然，在一些特殊情況下，用事件觸發程序來觸發事件比使用者的實際操作來觸發事件更方便。對於實現事件觸發程序，瀏覽器都有原生的方法來支援，但是在相容性上又有很大的出入，這種相容性的問題完全在意料之中，IE有自己的方法，其他標

昨天修改機頂盒上面的EPG頁面，遇到一個小問題。使用者購買遊戲時需要彈出購買確認對話方塊，對話方塊的預設焦點規定必須停留在“取消”按鍵上。很簡單的需求，使用JavaScript的focus()方法就可以實現了。簡單的程式碼範例如下：document.getElementById("cancel").focus()但是苦逼的是，機頂盒真是一個大坑。由於要相容所有現存的機頂盒型號，需要對8款機頂盒進行適配。然後就出現問題了！一款中興B600的機頂盒完全沒法將焦點設定到取消按鍵上。以下是我的解決思路：

有時會碰上這種需求，需要將數組中重複的元素刪除掉，而只保留一個。最先想到的辦法很可能就是用2個for迴圈來做比較然後去除掉重複的元素，代碼如下所示：方法1：複製代碼 代碼如下:Array.prototype.distinct = function(){ var arr = [],      len = this.length; for ( var i = 0; i < len; i++

我們都見到過這些效果，用滑鼠滾輪實現某個表單內的數字增加減少操作，或者滾輪控制某個按鈕的左右，上下滾動。這些都是通過js對滑鼠滾輪的事件監聽來實現的。今天這裡介紹的是一點簡單的js對於滑鼠滾輪事件的監聽。不同瀏覽器不同的事件首先，不同的瀏覽器有不同的滾輪事件。主要是有兩種，onmousewheel（firefox不支援）和DOMMouseScroll（只有firefox支援），關於這兩個事件這裡不做詳述，想要瞭解的朋友請移步：滑鼠滾輪(mousewheel)和DOMMouseScroll事件。另

關於js中的事件監聽大家用的比較多了，無非是判斷瀏覽器是否支援addEventListener和attachEvent，網上搜尋關於事件監聽的方法也挺多，但是總有些不是很完善。下面的方法中對於添加事件監聽的方法是一樣的，只不過在取消事件綁定上面做了點手術，現在可以支援匿名函數的使用，所以在綁定事件的時候不再需要給函數單獨命名了。主要代碼：複製代碼 代碼如下:/*綁定事件與取消綁定*/var handleHash = {};var bind = (function() { if

一、基本的類的使用方法一:複製代碼 代碼如下:function sth(a) // 建構函式 {  this.a = a;  this.fun = output; // 成員函數 } function output(a, b, c) {  document.write(this.a); } //調用var s = new sth(250); s.fun(1, 2, 3); ouput(1, 2, 3); //如果output在sth之前就是錯的方法二:複製代碼

上次根據網上的教程給自己的網站弄了一個Web APP,但是給使用者的感覺卻十分糟糕。問題說明：怎麼了？原來是開啟WEB APP後在首頁上隨意開啟串連，就會自作主張地開啟Safari瀏覽器。原來好好的偽裝和心情就全被破壞掉了。這該如何是好？原來解決方案十分簡單。僅僅加入這些代碼就好了。實驗測試在本人的 iPhone (iOS 7.1)和iPod (iOS 6.1.4)上測試通過，根據原作者的敘述，最新的 iOS 7.0.4（iPhone 與

最近在寫一個Javascript的架構，剛把DOMContentLoaded事件封裝好，略帶小興奮，把開發過程中遇到的原理和相容性問題做篇筆記，省的忘記到處找。我們在寫js代碼的時候，一般都會添加window.onload事件，主要是為了在DOM載入完後可以使用getElementById，getElementsByTagName等方法選取DOM元素進行操作，但是window.load會等到載入完DOM、指令碼、CSS，最後載入完圖片甚至是iframe中的所有資源才會觸發，很多時候網頁的圖片較多

背景javascript中使用addEventListener()或attachEvent()綁定事件時會有幾個小問題：一、使用addEventListener()或attachEvent()添加的匿名函數無法移除。複製代碼 代碼如下:var oBtn = document.getElementById('btn');oBtn.addEventListener('click',function(){    alert('button is

我記得在剛開始接觸動態HTML及JavaScript時就接觸過關於滑鼠右鍵屏蔽的指令碼代碼，當時這些代碼很多會用在防止瀏覽者未經允許的複製網頁上的文字或者其他內容，後來的實際應用證明這種做法是不符合使用者體驗的，而且破解的方法也有很多，比如我曾經寫過一篇文章講解如何解除網頁禁止複製的辦法。由此可見，限制右鍵及複製是不明智的做法，但是今天我仍然要談談關于禁止網頁複製、右鍵菜單的事兒，因為隨著網頁APP技術的發展，網頁應用和案頭應用之間的界限越來越模糊，有一些傳統型程式實際上是由網頁配合JavaSc

複製代碼 代碼如下: function dealNull(obj){ for(var i in obj){ if(null == obj[i] || 'null' == obj[i]){ obj[i]=''; }else if('object' == typeof obj[i]){ dealNull(obj[i]); } } }; // 測試的對象 var a={}; a.aa=null; a.bb='null'; a.c=1; a.b={}; a.b.aaa=null;

今天研究了點Flex技術，做了一個小的Demo，在測試時發現經常報錯，網上一查發現是瀏覽器Flash Player版本較低造成（需要10及其以上的版本）的，對此總結了一下藉助JavaScript指令碼判斷瀏覽器Flash Player資訊的方法：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

使用範圍：　　OA、MIS、ERP等資訊管理類的項目，暫時不考慮網站。遇到的問題：　　完成一個項目，往往需要引用很多js檔案，比如jQuery.js、easyUI等。還有自己寫的一些列js檔案，那麼這些檔案如何方便的載入，如果檔案有變化如何才能讓用戶端及時更新緩衝？如果能夠提高點運行效率，那就更好了。目標：1、  可以方便的引用js檔案。2、  盡量使用各種緩衝，避免頻繁從伺服器讀取檔案。3、  如果js檔案有更新或者增加、減少幾個減少js檔案，需要用戶端能夠自動、

1、說明 經常會出現這樣的情況，頁面的日期格式是：YYYY-MM-DD，而資料庫中的日期格式是：YYYYMMDD，兩者之間需要轉換一下，方能傳到Java後台查詢資料。 通常，這種轉化的方法有兩種，第一種，將日期文字先截取，然後拼接；第二種，就是利用Regex去掉“-” 相比較而言，第二種方法快捷，不容易出錯。 2、實現源碼 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> &

此執行個體是我一遍學習一邊寫出來的，希望能夠幫到大家，一起學習。效果如圖所示：html代碼如下所示：複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  <head>    <title>圖片瀏覽工具製作</title>    <script

自己用的載入js檔案,支援多檔案,不相容ie複製代碼 代碼如下:/** * 載入js檔案 * @param  {string || array}   url   js路徑 * @param  {Function} fn      載入完成後回調 * @return