JavaScript

最近開始整理一些以前寫的好用的外掛程式，…^-^!!!隨著頁面資訊越來越豐富飽滿，尤其像淘寶，京東之類的購物網站，首頁就是他們的生命線，- -||||最近在做某銀行的網站，只有擠上首頁才能得到更多的關注，於是乎各種業務人員就開始了首頁位置之爭，為了平息他們的戰亂。體現我大度包容的一面 ，啊哈哈哈首頁囊括了他們全部的需求，他們滿意的走人了，結果技術經理來了，說首頁載入怎麼這麼大，於是乎，減！！！首當其衝，縮小圖片K數，不夠，那怎麼辦，好吧，進入正題。長頁面未顯示的部分可以先不載入，省流量就是省錢，

本文執行個體講解了javascript實現無縫上下滾動的代碼，分享給大家供大家參考，具體內容如下js實現上下無縫滾動的原理是這樣的：1、首先給容器設定高度或寬度，然後overflow:hidden； 2、容器高度設定後，內容超出則被隱藏。3、改變容器的scrollTop（上下滾動）屬性的值，讓內容上下移動一個節點的位置（滾動的原理）；

廢話不多說了，直接給大家貼js實現點擊圖片顯示原圖片的代碼，具體代碼如下所示：function DrawImage(ImgD){ var image = new Image(); image.src=ImgD.src; var width = $(ImgD).attr("width"); var height = $(ImgD).attr("height"); if(width >100 && height>80){ ImgD.width=100; ImgD.

本文執行個體講述了javascript基於prototype實作類別似OOP繼承的方法。分享給大家供大家參考，具體如下：這裡要說明的是，公有屬性（使用this.修飾符）可以被覆蓋，私人屬性(使用var 修飾符)不能被覆蓋子類不能訪問父類的私人屬性，父類的方法正常訪問父類的私人變數。function Vegetable(){ this.taste='delicious'; var a = 'I\'m Vegetable\'a!' this.fun1 = function(){

本文執行個體為大家分享的是一個拖放的效果，參考的代碼，重構以下，加以理解學習。首先來看效果：拖動div      拖放狀態：未開始 【程式說明】拖動原理：其實就是在拖動塊上監聽mousedown事件，滑鼠點擊時，通過事件對象擷取對應的座標參數。然後滑鼠移動時再監聽document上的mousemove事件，擷取滑鼠的clientX 和clientY座標然後設定拖動塊的left 和 top。首先是監聽mousedown事件複製代碼

本文執行個體講述了JavaScript組件開發的技巧。分享給大家供大家參考，具體如下：使用JavaScript，按照物件導向的思想來構建組件。現以構建一個TAB組件為例。從功能上講，組件包括可視部分和邏輯控制部分；從代碼結構上講，組件包括代碼部分和資源部分（樣式、圖片等）。組件的特點：高內聚，低耦合（不與其他代碼邏輯交叉，可以繼承，包含）；封裝性（隱藏私人方法和變數）；可重用性（可反覆多次使用，用來組裝更複雜的應用）。<html><head><meta

除了建立對象，建構函式(constructor) 還做了另一件有用的事情—自動為建立的新對象設定了原型對象(prototype object) 。原型對象存放於 ConstructorFunction.prototype 屬性中。例如，我們重寫之前例子，使用建構函式建立對象“b”和“c”，那麼對象”a”則扮演了“Foo.prototype”這個角色：// 建構函式function Foo(y) { // 建構函式將會以特定模式建立對象：被建立的對象都會有"y"屬性 this.y = y;}//

javascript的return語句簡單介紹：return語句在js中非常的重要，不僅僅具有返回函數值的功能，還具有一些特殊的用法，有個清晰的把握是非常有必要的。下面就結合執行個體簡單介紹一下return語句的作用。一.用來返回控制和函數結果:通常情況，return語句對於一個函數是很有必要的，因為往往需要函數在一系列的代碼執行後會得到一個期望的傳回值，而此值就是通過return語句返回，並且將控制權返回給主調函數。文法格式：return 運算式代碼執行個體如下:function add(){

閉包函數是什麼?在開始學習的閉包的時候，大家很能都比較難理解.就從他的官方解釋來說,都是比較概念化的.不過我們也還是從閉包的含義出發。閉包是指函數有自由獨立的變數。換句話說，定義在閉包中的函數可以“記憶”它建立時候的環境。官方解釋說完後,我們先來看一個簡單計數的例子.var c = 0;function count(){c++;}count();// 1count();// 2這個例子是利用了全域變數來實現,但是這裡有個問題是,c這個變數也容易被其他方式所調用,這時候就可能會改變 c

問題描述：使用JavaScript產生一個倒數7天的數組。比如今天是10月1號，產生的數組是["9月25號","9月26號","9月27號","9月28號","9月29號","9月30號","10月1號"]。這個痛點就是需要判斷這個月份(可能還需要上一個月份)是30天還是31天，而且還有瑞年的2月28天或者29天。解答思路：不需要那麼複雜，在js中非常簡單，因為js的date對象是可以參與數學運算的！！！看下面的代碼：var now = new Date('2012/3/2 12:00:00')

今天在IE瀏覽器下發現，當把使用readonly="readonly"屬性將文字框設定成唯讀<input type="text"

javascript建立對象的方法如下所示：1. 使用Object建構函式來建立一個對象下面代碼建立了一個person對象，並用兩種方式列印出了Name的屬性值。 var person = new Object(); person.name="kevin"; person.age=31; alert(person.name);

這裡的主題是 this ，不扯遠了。this 本身原本很簡單，總是指向類的當前執行個體，this 不能賦值。這前提是說 this 不能脫離 類/對象 來說，也就是說 this 是物件導向語言裡常見的一個關鍵字。說的極端點，如果你編寫的 JS 採用函數式寫法，而不是物件導向式，你所有的代碼裡 this 會少很多，甚至沒有。記住這一點，當你使用 this 時，你應該是在使用對象/類 方式開發，否則 this

Window有navigator對象讓我們得知瀏覽器的全部資訊.我們可以利用一系列的API函數得知瀏覽器的資訊.JavaScript代碼如下:function message(){ txt = "<p>瀏覽器代碼名: " + navigator.appCodeName + "</p>";txt+= "<p>瀏覽器名稱: " + navigator.appName + "</p>"; txt+= "<p>瀏覽器平台和版本: " +

以下代碼非常簡單，輕鬆實現網頁內容禁止複製。有時候我們需要禁止別人複製網站的內容，以下代碼可以輕鬆實現該功能！屏蔽滑鼠右鍵複製代碼 代碼如下:function document.oncontextmenu(){event.returnValue=false;}禁止選擇複製複製代碼 代碼如下:function document.onselectstart(){return false;}本文只是給大家分享了代碼的關鍵區段，細節部分還需要我們自己根據需求去補充說明。

小編也是剛開始學JavaScript，覺得淘寶評星效果很棒，於是產生了自己寫一個的想法，先給大家分享一下實現效果：現附上自己寫的原始碼<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script language="JavaScript" type="text/javascript"> function star(n) { var array=new

自己實踐了一下，真的很好用。特將具體實現方法記錄如下有三個頁面：    a.com/app.html：應用頁面。    a.com/proxy.html：代理檔案，一般是一個沒有任何內容的html檔案，需要和應用頁面在同一域下。    b.com/data.html：應用頁面需要擷取資料的頁面，可稱為資料頁面。實現起來基本步驟如下：   

"迴圈載入"（circular dependency）指的是，a指令碼的執行依賴b指令碼，而b指令碼的執行又依賴a指令碼。// a.jsvar b = require('b');// b.jsvar a =

本文執行個體分析了JavaScript文檔片段操作方法。分享給大家供大家參考，具體如下：使用文檔片段在某些情況下可以提高頁面效率。javascript操作dom是一個很耗效能的過程，在某些情況下，不得不進行dom迴圈操作，我們每次對dom的操作都會觸發"重排"，這嚴重影響到能耗，一般通常採取的做法是儘可能的減少dom操作來減少"重排"。面對迴圈操作dom的過程，我們選擇使用文檔片段（creatDocumentFragment），將需要添加到dom中的內容一次性添加到文檔片段中，然後將文檔片段添加

今天來分享一下用純javascript代碼編寫的一個計算機程式，很多行業都能用到這個程式，例如做裝修預算、貸款利率等等。首先來看一下完成後的效果：方法一：具體編寫代碼如下：<!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/199