JavaScript

本文執行個體講述了javascript針對cookie的基本操作。分享給大家供大家參考，具體如下：js被C#、JAVA等開發人員視為聲名狼藉的附屬程式設計語言是有道理的，比如說，對cookie的操作。js就沒有一套類似C#的現成處理方案，而只能由你自己去完成。下面我就將自己學習的用物件導向的思想對cookie進行處理的學習筆記整理一下，以饗讀者。cookie的常見操作分析：（1）設定cookie 包括了添加和修改功能，事實上如果原有cookie 名稱已經存在，那麼添加此cookie

本文執行個體講解了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

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

對於常年使用C++,C#,Java等這些物件導向語言的程式員來說，幾乎天天都和this打交道。在這些語言裡，this含義非常明確，就是指向當前的對象執行個體，我們用起來也是相當的放心。然而，到了JavaScript這個動態語言裡，this的寫法沒變，但是其含義卻大大地不同了，下面用執行個體說明，使用瀏覽器為Firefox14.0.1.首先，Hello World

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

最近有朋友找我用JS幫忙仿做一個別踩白塊的小遊戲程式，但他給的原始碼較麻煩，而且沒有注釋，理解起來很無力，我就以自己的想法自己做了這個小遊戲，主要是應用JS對DOM和數組的操作。程式思路：如圖：將遊戲空間的CSS設定為相對定位、溢出隱藏;兩塊“遊戲台”上分別排布著24塊方格，黑色每行隨機產生一個，“遊戲台”向下滾動並交替顯示，將每個操作板的黑塊位置存入數組，每次點擊時將數組pop出來進行比對（我覺得亮點在這……）。這裡是遊戲的GitHub地址，大家可以到裡點擊中部菜單最右邊的的Download

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

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

JavaScript的資料類型分為六種，分別為null,undefined,boolean,string,number,object。object是參考型別，其它的五種是基本類型或者是原始類型。我們可以用typeof方法列印來某個是屬於哪個類型的。不同類型的變數比較要先轉類型，叫做類型轉換，類型轉換也叫隱式轉換。隱式轉換通常發生在運算子加減乘除，等於，還有小於，大於等。。typeof '11' //string typeof(11) 　//number'11' < 4

1、什麼是鏈式調用這個很容易理解，例如:$(this).setStyle('color', 'red').show();一般的函數調用和鏈式調用的區別：調用完方法後，return this返回當前調用方法的對象。function Dog(){ this.run= function(){ alert("The dog is running...."); return this;//返回當前對象 Dog }; this.eat= function(){

本文執行個體講述了javascript中eval和with用法。分享給大家供大家參考，具體如下：我們都知道javascript的範圍機制，但是with和eval有時會“破壞”我們對於範圍的常規理解。下面參考網上資源和自己理解總結一下eval和with的用法。一、eval1、eval函數：把一個字串當作一個js運算式一樣去執行它.2、文法：eval(strScript)

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

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

本文執行個體講述了javascript常用演算法。分享給大家供大家參考，具體如下：入門級演算法-線性尋找-時間複雜度O(n)--相當於演算法界中的HelloWorld//線性搜尋(入門HelloWorld)//A為數組，x為要搜尋的值function linearSearch(A, x) { for (var i = 0; i < A.length; i++) { if (A[i] == x) { return i; } } return

本文執行個體講述了javascript載入xml檔案的方法。分享給大家供大家參考，具體如下：//需要讀取的xml檔案var uRl = "jsReadXml.xml";var xmlDoc;//初始化，給上述定義變數賦值// function showcurcity(){if(window.ActiveXObject){xmlDoc=new

本文執行個體分析了javascript範圍鏈(Scope Chain)用法。分享給大家供大家參考，具體如下：關於js的範圍鏈，早有耳聞，也曾看過幾篇介紹性的博文，但一直都理解的模稜兩可。近日又精心翻看了一下《悟透Javascript》這本書，覺得寫得太深刻，在“代碼的時空”一節裡有一段介紹範圍鏈的地方寥寥數語，回味無窮（其實還是理解的模稜兩可^_^）。現在整理下自己的讀書筆記，順便借鑒網上資源，寫下來。一、從一個簡單的問題說起下面的js代碼在頁面中運行顯示什麼結果：var arg =