JavaScript

經常在網站別人的網站的註冊頁中看到一個拖拽驗證的效果，就是它的驗證碼剛開始不出來，而是有一個拖拽的條，你必須將這個拖拽條拖到底，驗證碼才出來，說了感覺跟沒說一樣，你還是不理解，好吧，我給個圖你看看：這個是在萬網的註冊頁中所截的圖，大概的效果就是，當拖動那個拖拽框時，如果拖拽框沒有拖到最右邊，則拖拽框會移動到初始位置，如果拖動到最右邊，則拖拽框顯示為對勾，中間的文字也變了，但是我試了一下，他的驗證碼的框沒有出來，不知道是改了還是怎麼的，我沒有繼續點擊確定往下進行，那不是我們要講的重點，我就在他的代

之前文章中也講了一下拖拽的基本思想，理論是有了，那實踐呢，可以運用到什麼地方呢？下面就給大家帶來一個用拖拽思想寫的一個小執行個體，供大家參考，大致效果看下圖：就是這樣一個簡單的一個拖拽條，你可以把它理解為捲軸，也可以理解為表單中的數量選擇控制項，也可以理解為進度條，等等，反正你可以改成很多你想要的效果，廢話不多說，我們來看看這個是怎麼做的吧！想了想，感覺原理就不用說了吧，我在拖拽效果中就已經說的很清楚了，不清楚的同學可以出門左轉，查看 javascript小執行個體，PC網頁裡的拖拽

JavaScript 有Date、Array、String等這樣的內建對象，功能強大使用簡單，人見人愛，但在處理一些複雜的邏輯的時候，內建對象就很無力了，往往需要開發人員自訂對象。從JavaScript定義上講對象是無序屬性的集合，其屬性可以包含基本值、對象或函數。也就是說對象是一組沒有特定順序的屬性，每個屬性會映射到一個值上，是一組索引值對，值可以是資料或對象。對象是JavaScript的基礎資料型別 (Elementary Data

在JavaScript中，call、apply和bind 是Function對象內建的三個方法，這三個方法的主要作用是改變函數中的this指向，從而可以達到`接花移木`的效果。本文將對這三個方法進行詳細的講解，並列出幾個經典應用情境。 call(thisArgs [,args...])該方法可以傳遞一個thisArgs參數和一個參數列表，thisArgs指定了函數在運行期的調用者，也就是函數中的this對象，而參數列表會被傳入調用函數中。thisArgs的取值有以下4種情況：（1）

本文執行個體講述了JavaScript實現彈出DIV層同時頁面背景漸層成半透明效果。分享給大家供大家參考，具體如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

1.今天在看JavaScript學習指南的時候做的課後習題,也因此詳細的對函數的傳入參數進行比較深入的研究.題目如下:　　函數如何才能修改其範圍之外的變數?編寫一個函數,由1~5的數字組成的數組作為參數,調用該函數後將把其中的數字項替換為相應的字串表示形式.需要注意知識點:　　在JavaScript中函數參數的傳遞,對於基於原始值的參數進行值傳遞(數字,字串,布爾值),函數中的修改不會影響實際參數值.而傳遞給函數的參數而言,對象是一個引用,對其的修改的將會反映在主調程式中.<-但是

廢話不多說了，直接給大家貼代碼了，覺得很滿意直接拿去。<!DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"><html xmlns="http://www.w.org//xhtml"><head><meta http-equiv="Content-Type"

JavaScript一種直譯式指令碼語言，是一種動態類型、弱類型、基於原型的語言，內建支援類型。它的解譯器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於用戶端的指令碼語言，最早是在HTML（標準通用標記語言

自己編寫了一個表單驗證外掛程式，使用起來很簡單，以後還可以擴充更多的功能，比如ajax驗證。每個需要驗證的表單元素下面有一個span標籤，這個標籤的class有一個valid表示需要驗證，如果有nullable則表示可為空白；rule表示驗證規則，msg表示錯誤提示資訊；to表示要驗證的元素的name值，如果元素是單個的，to可以不寫。該外掛程式會遍曆每個有valid的span標籤，找出它前面需要驗證的元素，根據rule驗證，如果驗證不通過，則顯示邊框為紅色，滑鼠放在元素上時顯示錯誤資訊。&nb

推薦閱讀：JavaScript駕馭網頁－DOMJavaScript駕馭網頁-CSS與DOM利用DOM分割HTML利用JavaScript控制網頁內容其實很像烹飪。只是不用收拾列羹剩肴，但也沒有辦法享受美味的成果。 不過，你將能完整網頁內容的HTML構成要素：更重要的是，你將擁有替換網頁成分的能力。

一、DOM全稱文件物件模型（Document Object Model）二、DOM是什麼DOM就是一個編程介面，就是一套API。DOM是針對HTML文檔、XML等文檔的一套API。就類似於JDBC是針對資料庫的一套API一樣。三、DOM的用途DOM 是用來訪問或操作HTML文檔、XHTML文檔、XML文檔中的節點元素。現在基本上所有的瀏覽器都都執行了W3C發布的DOM規範，所以在瀏覽器上就可以用DOM的這些API。DOM提供對指令碼友善的網頁結構與內容的視圖

本文執行個體為大家分享了一個很有趣的網頁版遊戲，有點類似金山打字遊戲的青蛙過河，供大家參考，具體內容如下效果圖：實現思路：益智類小遊戲，主要練習打字能力，基於jq開發。1.在輸入框輸入泡泡對應文字，點擊enter提交2.與泡泡文字相對提示分數 3.可以暫停操作4.每次泡泡著地會減少血量，減少到0結束遊戲5.每過一段時間會加快泡泡下落速度具體代碼：<html><head><meta http-equiv="Content-Type"

學習過js的小夥伴會發現，我們在一些執行個體中用到了alert()方法、prompt()方法、prompt()方法，他們都是在螢幕上彈出一個對話方塊，並且在上面顯示括弧內的內容，使用這種方法使得頁面的互動性更精彩，實際上我們經常會在進行網頁瀏覽時簡單這種類型的對話方塊，在使用者與應用程式進行雙向交流時，經常要用到對話方塊。javascript的三種對話方塊是通過調用window對象的三個方法alert()，confirm()和prompt()來獲得，可以利用這些對話方塊來完成js的輸入和輸出，實

為了網站的安全性，很多朋友都把密碼設的比較複雜，但是如何密碼不能明顯示，不知道輸的是對是錯，為了安全起見可以把密碼顯示的，那麼基於js代碼如何?的呢？ 當使用者輸入時密碼顯示為圓點或者星號, 為了確保使用者輸入的正確, 使用者可以點擊讓密碼顯示的按鈕. 直接就先看節目效果. 介面結構, 一個外層的pass-box, 然後內層加入input 和 一個 i 標籤, 且給他們加入相應的class名稱.<div class="pass-box"><input

時間對象（Date（））比較簡單，本文旨在為初學者入門使用，大牛可略過！本文承接基礎知識執行個體，說一下執行個體的要求：在頁面中輸出當前用戶端時間（2015年1月1日星期一10:10:10這樣的格式），每過一秒中頁面不重新整理，但是時間自動更新（用兩種定時器方法都可以實現），滑鼠點擊時間，如果原先運動則停止，如果停止則繼續運動；要求基本上可分為2部分：一是不重新整理自動更新時間，二是點擊時間停止或更新時間好，那我們還是老規矩，一步一步來，既然是時間，那就會用到時間對象 new

百度學術http://xueshu.baidu.com/進階檢索是通過前台產生後台內部進階文法來實現進階檢索的，可以通過前台js做字串拼接傳給後台實現，難度不大：下面是進階檢索的核心功能代碼，我使用的是純js實現，並未使用jquery：<p class="fl srh-btn"><input type="submit" class="srh-submit" style="height:px" value="進階搜尋" id="highSearchObj"/></p&

本文執行個體講述了JavaScript+html5 canvas繪製時鐘效果。分享給大家供大家參考，具體如下： HTML部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

本文執行個體講述了JavaScript實現簡潔的俄羅斯方塊。分享給大家供大家參考，具體如下：先來看看運行效果圖：完整執行個體代碼如下：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>俄羅斯方塊</title><style type="text/css"> .

JavaScript 可用來在資料被送往伺服器前對 HTML 表單中的這些輸入資料進行驗證。該採用什麼樣的方式對使用者作出提醒呢？你一定不想用alert()提示框在輸入欄位後加一個sqan標籤<input id="phone" name="phone" type="text" size="12" onBlur="validateNonEmptyFun(this,document.getElementById('phone_help'));" /><span id="phone_

javascript中的範圍(scope)和上下文(context)是這門語言的獨到之處，這部分歸功於他們帶來的靈活性。每個函數有不同的變數上下文和範圍。這些概念是javascript中一些強大的設計模式的後盾。然而這也給開發人員帶來很大困惑。下面全面揭示了javascript中的上下文和範圍的不同，以及各種設計模式如何使用他們。上下文（Context）和範圍（Scope）首先需要知道的是，上下文和範圍是兩個完全不同的概念。多年來，我發現很多開發人員會混淆這兩個概念（包括我自己），