JavaScript

也就是說，移到對象的子物件上，也算onmouseout了。但這往往會達不到我們想要的預期效果。這是由於javascript自身的冒泡特性導致的（即在子項目上觸發了事件，並冒泡到了父元素-堆棧後進先出演算法）。今天在網上搜了一下，找了以下的解決辦法（相容IE和Firefox）。 在IE下解決問題很簡單，用onMouseEnter、onMouseLeave來代替onMouseOver、onMouseOut就行了，他們的作用基本相同，但前者不會發生冒泡（如果用

這個時候，出現了encodeURIComponent、decodeURIComponent，它可以完全的對URL進行編碼解碼，但是遇到例如搜尋引擎用到的部分轉碼，又摸不到門了，沒問題，PHP官方出了一個解決方案： 複製代碼 代碼如下: decodeURIComponent((str + '').replace(/\+/g, '%20')); 他可以完美的對搜尋引擎的地址進行解碼，因為搜尋引擎只習慣對”空格“進行轉碼。忘了說還習慣對中文進行轉碼。。。

JavaScript面試題要求：以下題目必須從一至四題中，選出三道題，使用原生代碼實現，不可使 用任何架構，第五題為選作題。 一、 在頁面的固定地區內實現圖片的展示 1. 每點擊一次右箭頭，圖片地區向左滾動出一張圖片，反之相同； 2. 當發現圖片滾動到末尾時，響應的箭頭變成不可點擊狀態； 3. 滑鼠在圖片地區內滑動滾輪，圖片會隨著滑鼠滾輪的方向進行響應的滾動； 二、 用 js、html、css實現一個彈出提示控制項： 1. 分別實作類別似於系統的

十進位四捨五入 這兩段代碼協助你做到四捨五入，對於你顯示價格或者訂單比較有用： 代碼1： 複製代碼 代碼如下: function CurrencyFormatted(amount) { var i = parseFloat(amount); if(isNaN(i)) { i = 0.00; } var minus = ''; if(i < 0) { minus = '-'; } i = Math.abs(i); i = parseInt((i + .005) * 100); i = i /

關鍵點：1、對瀏覽器版本的判斷；2、修改樣式表路徑 其中第二點也常用在即時修改網頁模板、論壇風格的場合，實際上就是修改樣式表路徑來載入不同的樣式表。 代碼： 複製代碼 代碼如下: <script type="text/javascript"> var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split(";"); try{

精妙的 tmpl 前端模板類開源的不少，但最屬 jQuery 作者 John Resig 開發的 “javascript micro templating” 最為精妙，寥寥幾筆便實現了模板引擎核心功能。 它的介紹與使用方式請看作者部落格：http://ejohn.org/blog/javascript-micro-templating/ 讓我們先看看他的源碼： 複製代碼 代碼如下: (function(){ var cache = {}; this.tmpl = function (str,

mousedown 的時候建立拖動對象，mouseup的時候釋放對象，原理弄清楚了其實很簡單。 簡單拖拽實現代碼： 簡單拖拽實現 拖我 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

一開始很多人都會拿jquery的選取器來跟這兩個api做對比（我也是），比較異同本來沒事，但卻使一些同學對這兩個api在瀏覽器中的實現產生了誤解，特別是再dom element上調用此api時。 下面是我的jsFiddle樣本，我就以此展開說明： js代碼: (function(global) { global.doc = document; global.body = doc.getElementsByTagName('body')[0]; global.$ = function(id) {

不過指令碼比較長的時候，需要複製密密麻麻一大段到地址欄裡，顯得很不美觀，而且指令碼修改起來也很不容易。因此一般先把指令碼寫在單獨一個檔案裡，然後用javascript: 的形式動態載入指令碼到頁面中。不少網頁外掛程式都是用這個方法載入。 　　平時，我們用最簡單的代碼實現動態載入： 複製代碼 代碼如下: javascript:var o=document.createElement('script');o.src='...';document.body.appendChild(o);void(0)

前段時間看《JavaScript進階程式設計》終於找到了一點點介紹： \xnn 以十六進位代碼nn表示的一個字元(n:0-F) \unnn以十六進位代碼錶示的一個Unicode字元(n:0-F) 今天由於一個自己的一個需求需要知道一些漢字的十六進位表示，因此自己寫了兩個方法，可以將文字轉換為16進位的表示形式，也可以將16進位代碼轉換回漢字。方法如下： 複製代碼 代碼如下: //將文字轉換為16進位 function textToSix(str) { return

為了此代碼到您的網頁必須使用像素大小的字型（PX），而不是相對大小的字型，使用“EM”或“％”。當然如果你使用其他字型單位的代碼可以很容易地適應這些。如果指令碼不能找到一個段落的字型大小，它會預設為12px。核心代碼:複製代碼 代碼如下:var min=8;var max=18;function increaseFontSize() {   var p = document.getElementsByTagName('p');  

先來看看現象： 複製代碼 代碼如下: <html> <head> <title>apply_and_call</title> </head> <body onload="init()"> <div id="testDiv" style="position: absolute; border: 1px solid gray; width:100px; height: 100px"></div> <

簡介 從本章開始，我將陸續（翻譯、轉載、整理）http://dmitrysoshnikov.com/網站關於ECMAScript標標準理解的好文。 本章我們要講解的是ECMAScript標準裡的執行內容和相關可執行代碼的各種類型。 原始作者：Dmitry A. Soshnikov 原始發布: 2009-06-26 俄文原文：http://dmitrysoshnikov.com/ecmascript/ru-chapter-1-execution-contexts/ 英文翻譯：Dmitry A.

前言 本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第2篇，開閉原則OCP（The Open/Closed Principle ）。 開閉原則的描述是： Software entities (classes, modules, functions, etc.) should be open for extension but closed for modification. 軟體實體（類，模組，方法等等）應當對擴充開放，對修改關閉，即軟體實體應當在不修改的前提下擴充。

前言 Bob大叔提出並發揚了S.O.L.I.D五大原則，用來更好地進行物件導向編程，五大原則分別是： The Single Responsibility Principle（單一職責SRP） The Open/Closed Principle（開閉原則OCP） The Liskov Substitution Principle（裡氏替換原則LSP） The Interface Segregation Principle（介面分離原則ISP） The Dependency Inversion

前言 JavaScript 不包含傳統的類繼承模型，而是使用 prototypal 原型模型。 雖然這經常被當作是 JavaScript 的缺點被提及，其實基於原型的繼承模型比傳統的類繼承還要強大。實現傳統的類繼承模型是很簡單，但是實現 JavaScript 中的原型繼承則要困難的多。 由於 JavaScript 是唯一一個被廣泛使用的基於原型繼承的語言，所以理解兩種繼承模式的差異是需要一定時間的，今天我們就來瞭解一下原型和原型鏈。 原型

簡介 Module模式是JavaScript編程中一個非常通用的模式，一般情況下，大家都知道基本用法，本文嘗試著給大家更多該模式的進階使用方式。 首先我們來看看Module模式的基本特徵： 模組化，可重用 封裝了變數和function，和全域的namaspace不接觸，松耦合 只暴露可用public的方法，其它私人方法全部隱藏 關於Module模式，最早是由YUI的成員Eric

首先下載node.js，然後解壓到E盤，改名為node，然後開始菜單輸入cmd，用cd命令切換到nodejs的解壓目錄： 第一個例子：hello world。 在node目錄下建立hello.js檔案，然後在裡面輸入： 複製代碼 代碼如下: var sys = require("sys"); sys.puts("Hello world"); 然後我們在命名台中輸入命令node hello.js，就能看到命名台輸出結果Hello world。 第二個例子：hello world2。

內建對象 　　定義：由ECMAScript實現提供的、獨立於宿主環境的所有對象，在ECMAScript程式開始執行時出現。 　　由定義可知開發人員不必明確執行個體化內建對象，它已被執行個體化了。在ECMAScript-262隻定義了兩個內建對象，即Global和Math Global 　　Global對象是ECMAScript中最特別的對象，因為實際上它根本不存在。 　　由於在ECMAScript中不存在獨立的對象，所有函數都必須是某個對象的方法，如前面提到的isNaN()、isFinite()

查詢了一下相關的資料，Div沒有自動滾動的屬性，只能類比滑鼠的滾動來現實想要的效果。 關鍵的部分部分在這裡：div.scrollTop = div.scrollHeight; 下面是具體實現的精簡代碼： 複製代碼 代碼如下: <html> <body> <div id="divDetail" style="overFlow-y:scroll; width:250px;height: 200px;"> <table style="border:1px