JavaScript

當建立一個類的時候，如果希望下面new出來的每個類都擁有一些通用的變數或者其他的函數，這個this關鍵字這是最好的方式。當然，既然是物件導向的語言，必然存在存取權限的問題，這裡也和this關鍵字息息相關。下面我們來示範一個例子來說明一下這個類的存取權限的問題.複製代碼 代碼如下://Person類     function Person(){     var

在很多情境下，只有機器已經連網以後，web應用才能啟動。如果沒有連網，就會提示錯誤。、 但是機器有時候要重啟。 如果機器重啟後，立刻啟動web應用的話，可能，機器上的網路服務還沒有準備好。 特別是windows7，啟動網路服務需要好幾秒，這個時候怎麼辦呢？ 之前嘗試過幾種方法： 比如 通過ping來判斷， 但是ping需要有一個非原生ip地址。 這個不是很通用 比如監控某個連接埠是否已經被佔用，但是光連接埠佔用，也不能說明網路已經啟動了。

自己寫了個簡單的HTML5 Canvas的圖表庫，可以支援餅圖，折線圖，散佈圖，盒子圖 柱狀圖，同時支援滑鼠提示，繪製過程動畫效果等。最終我想把這些多個JS檔案變成 一個JS檔案發布出去，於是我的問題來啦，怎麼把這些JS檔案搞成一個啊，群裡有個 朋友告訴我，GruntJS – JavaScript多檔案編譯，風格檢查，連結與壓縮神器。Google了一 把終於幫我完成這個任務，算是入門，分享一下過程。 一什麼是GruntJS

寫這個主要是為瞭解決一些常見網頁特效在js解析時預期與效果不同。 原始代碼 ： 複製代碼 代碼如下: //測試代碼 window.onscroll = function(){ alert("haha"); } 裝在script標籤內 滑鼠滑動之後一直惦記 提示框才可以，所以很不方便 ， 而且 目的是滑鼠滑動後 只執行一次事件，這個效果顯然和實際不符合吧。 //代碼改進--增加延時器。 既然scroll事件是一個連續觸發事件，那我設定一個延遲器，在使用者滑動滑鼠的時間後執行該函數

傳統上，載入Javascript檔案都是使用<script>標籤。 就像下面這樣： <script type="text/javascript" src="example.js"></script> <script>標籤很方便，只要加入網頁，瀏覽器就會讀取並運行。但是，它存在一些嚴重的缺陷。

知識點： 主要是對Date對象的使用。（下面的介紹內容來自網路） 建立 Date 對象的文法： var myDate=new Date() Date 對象會自動把當前日期和時間儲存為其初始值。 參數形式有以下５種： new Date("month dd,yyyy hh:mm:ss"); 　new Date("month dd,yyyy"); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms);

通用唯一識別碼（GUID，Globally Unique Identifier）也稱作 UUID(Universally Unique IDentifier) 。GUID是一種由演算法產生的二進位長度為128位的數位識別碼符。GUID 的格式為“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f 範圍內的一個32位十六進位數。在理想情況下，任何電腦和電腦叢集都不會產生兩個相同的GUID。GUID 的總數達到了2^128（3.4×10^3

最近和JavaScript糾纏上了。

大家都知道在JavaScript中提供了兩種方式迭代對象： (1)for 迴圈； (2)for..in迴圈； 使用for迴圈進行迭代數組對象，想必大家都已經司空見慣了。但是，使用for.. in迴圈時，大家可要注意了，為什麼這麼說呢？大家聽我娓娓道來.... javascript提供了一種特殊的迴圈（也就是for .. in迴圈），用來迭代對象的屬性或數組的每個元素，for...in迴圈中的迴圈計數器是字串，而不是數字。它包含當前屬性的名稱或當前數組元素的索引。 案例一： 複製代碼 代碼如下:

在google.com.hk的左上方，有一個更多的連結，它具有一個目標地址，但是當我們點擊時，大多數情況發現的是彈出一個下拉式清單供使用者選擇（這是一種典型的漸進增強形式）。怎麼理解？——如果使用者的瀏覽器支援javascript，那麼就可以享受到這種快速導航的服務功能。現在，請你禁用的你的瀏覽器的javascript功能（不會禁用猛擊這裡)，再次訪問google.com.hk，再次點擊更多時，發生了什嗎？是的，沒有看到下拉式清單，而開啟了一個新頁面。（這是一種典型的平穩退化）。怎麼理解？——如

動態改變IFrame的高度，實現IFrame自動伸展，父頁面也自動神縮 原理： 在IFrame子頁面一載入的時候，調用父IFrame對象，改變其高度 具體實現一: 1、在IFrame的具體頁面(就是子頁面)，添加JavaScript 複製代碼 代碼如下: <script> function IFrameResize(){ //alert(this.document.body.scrollHeight); //彈出當前頁面的高度 var obj =

複製代碼 代碼如下:<!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 http-equiv="Content-Type"

複製代碼 代碼如下:<!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

今天一個項目中需要判斷IE版本號碼，又因為 jQuery 2.0 去除了對瀏覽器版本號碼的判斷（它推薦特性檢測），於是就看到一老外寫的一段代碼： 複製代碼 代碼如下: var _IE = (function(){ var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) +

複製代碼 代碼如下:<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10"><meta name="viewport"content="initial-scale=1,

總結了一些方法，把它壓縮成了一個函數對象，只有幾十行代碼，使用方法簡單明了存為ojbUrl.js複製代碼 代碼如下:/* 說明：本代碼可自由複製修改並且使用，但請保留作者資訊！Author: Kevin  WebSite: http://iulog.com/  QQ:251378427JS 操作 URL 函數使用說明：初始化 var myurl=new objURL(); //也可以自訂URL： var myurl=new

<!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 http-equiv="Content-Type" content="text/html;

一、採用Regex實現startWith、endWith效果函數 複製代碼 代碼如下: String.prototype.startWith=function(str){ var reg=new RegExp("^"+str); return reg.test(this); } //測試ok，直接使用str.endWith("abc")方式調用即可 String.prototype.endWith=function(str){ var reg=new RegExp(str+"$");

在做頁面時，如果想做一個連結點擊後不做任何事情，或者響應點擊而完成其他事情，可以設定其屬性 href = "#"，但是，這樣會有一個問題，就是當頁面有捲軸時，點擊後會返回到頁面頂端，使用者體驗不好。 目前有如下幾種解決辦法： 1)點選連結後不做任何事情 複製代碼 代碼如下: <a href="javascript:void(0);" >test</a> <a href="javascript:;" >test</a> <a href="###

複製代碼 代碼如下:<!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