Time of Update: 2015-05-05
標籤: 很多網站在使用者進行某次點擊,比如線上購物購買時,會要求使用者輸入驗證碼,這在一般情況下也沒啥問題,但在使用者需要頻繁購買或是搶購時就很討厭了。其實網站的驗證碼一般是由JS指令碼產生的,因此也可以通過編寫自己的JS指令碼來實現驗證碼自動輸入。 大致原理如下,首先觀察原網頁彈出的驗證碼圖片,這裡給出兩個樣本:,它們都是前景黑白,背景彩色,寬100高20的圖片,進一步把圖片放到PS裡開啟可以發現每個數字所佔的都是一個寬8高10的矩形,且這5個矩形的位置和相對距離都是固定的。因此,原理就很
Time of Update: 2015-05-05
標籤:1.JavaScript內部對象屬性和方法(1)內建String對象String 對象是JavaScript的核心對象之一。建立一個sting對象:var a="this defines a string object" 或者var a=new String("this defines a string object")String 對象的屬性:length和protoype.例如:a.length;//給出字串a中字元的個數而protoype屬性則是用來增加屬性和方法。String
Time of Update: 2015-05-05
標籤:第一章:Javascript簡介1.JavaScript誕生於1995年,當時,它的主要目的是處理以前由伺服器端語言(如Perl)負責的一些輸入驗證操作。現在,JavaScript是一種專為與網頁互動而設計的指令碼語言。註:Netscape(網景)公司研發,Java是sun公司研發,原名為LiveScript,為了搭上媒體熱炒的Java的順風車,更名為JavaScript2.微軟推出JSript的和網景的JavaScript相競爭,最後微軟勝利。ECMA指定了規定並重新命名為ECMAScr
Time of Update: 2015-05-05
標籤:一、對象的基礎概念1、對象,是在記憶體中的實體,並保持著某種狀態,用於編程操作的目標對象。2、對象是一個名稱與值配對的集合,也被稱為屬性。3、對象也可以定義為屬性的集合。4、對象的屬性值可以由函數指定。5、具有一種原型鏈的構造。6、對象可以用作管理索引值對的關聯陣列。簡單粗暴的理解:一種實體,程式可以通過它來進行資料處理。二、對象字面量運算式1、通過對象字面量運算式來產生一個對象。2、用{}擴起。3、內部由屬性名稱,屬性值構成。{屬性名稱:屬性值,屬性名稱:屬性值~~~}4、屬性名稱可以是
Time of Update: 2015-05-06
教你使用javascript簡單寫一個頁面模板引擎,javascript模板 於是我又想著能不能寫一些簡單的代碼來完善這個模板引擎,又能與其它現有的邏輯協同工作。AbsurdJS本身主要是以NodeJS的模組的形式發布的,不過它也會發布用戶端版本。考慮到這些,我就不能直接使用現有的引擎了,因為它們大部分都是在NodeJS上啟動並執行,而不能跑在瀏覽器上。我需要的是一個小巧的,純粹以Javascript編寫的東西,能夠直接運行在瀏覽器上。當我某天偶然發現John
Time of Update: 2015-05-06
JS簡單實現動畫彈出層效果,js動畫彈出層JS簡單實現動畫彈出層效果<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2015-05-06
JQuery中Bind()事件用法分析,jquerybind本文執行個體分析了JQuery中Bind()事件用法。分享給大家供大家參考。具體分析如下:我們先看一下它的定義:.bind( eventType [, eventData], handler(eventObject)).Bind()方法的主要功能是在向它綁定的對象上面提供一些事件方法的行為。期中它的三個參數的意義分別如下:eventType是一個字串類型的事件類型,就是你所需要綁定的事件。這類類型可以包括如下:blur, focus,
Time of Update: 2015-05-06
javascript實現捕捉鍵盤上按下的鍵,javascript捕捉小小的demo,用js捕捉鍵盤盤上按下了那個鍵,然後展示出對應的code值<!DOCTYPE html><html><head><script>function showKeyCode(event){document.getElementById("result").value= event.keyCode;} </script></head>
Time of Update: 2015-05-06
javascript中返回頂部按鈕的實現,javascript返回頂部炫酷的返回頂部功能js核心代碼window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; var top_div = document.getElementById( "go" ); if( t >= 300 ) { top_div.style.display
Time of Update: 2015-05-06
js改變Iframe中Src的方法,jsIframeSrc方法本文執行個體講述了js改變Iframe中Src的方法。分享給大家供大家參考。具體實現方法如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title></title><meta name="GENERATOR" content="Microsoft Visual
Time of Update: 2015-05-06
js日期範圍初始化得到前一個月日期的方法,js初始化本文執行個體講述了js日期範圍初始化得到前一個月日期的方法。分享給大家供大家參考。具體分析如下:今天做時間範圍的初始化設定,開始時間是目前時間的前一個月,終於找到完美的解決方案了。Date.prototype.format = function(format) { var o = { "M+" : this.getMonth() + 1, // month "d+" : this.getDate(), // day "h+" :
Time of Update: 2015-05-06
關於消極式載入JavaScript,消極式載入JavaScriptJavaScript的消極式載入是那些在web上,能讓你想抓狂地去尋找解決方案的問題之一。很多人說“那就用defer”或“async”,甚至有些人說“那就將你的javascript代碼放在頁面代碼底部”。上述方法都不能解決在web頁面完全載入後,再載入外部js的問題。上述方法也會偶爾讓你收到Google頁面速度測試載入器的“消極式載入javascript”警告。所以這裡的解決方案將是來自Google協助頁面的推薦方案。如何消極式載
Time of Update: 2015-05-06
JS實現隨機亂撞彩色圓球特效的方法,js圓球特效本文執行個體講述了JS實現隨機亂撞彩色圓球特效的方法。分享給大家供大家參考。具體實現方法如下:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>JS實現的隨機亂撞的彩色圓球特效代碼</title> <style> body{ font-family: 微軟雅黑; }
Time of Update: 2015-05-06
JS根據生日算年齡的方法,js生日年齡本文執行個體講述了JS根據生日算年齡的方法。分享給大家供大家參考。具體實現方法如下:function parseDate(str){ if(str.match(/^\d{4}[\-\/\s+]\d{1,2}[\-\/\s+]\d{1,2}$/)){ return new Date(str.replace(/[\-\/\s+]/i,'/')); } else if(str.match(/^\d{8}$/)){ return new
Time of Update: 2015-05-06
JS實用的動畫彈出層效果執行個體,js實用動畫執行個體本文執行個體講述了JS實用的動畫彈出層效果的方法。分享給大家供大家參考。具體實現方法如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2015-05-06
JS實現點擊按鈕後架構內載入不同網頁的方法,js架構本文執行個體講述了JS實現點擊按鈕後架構內載入不同網頁的方法。分享給大家供大家參考。具體實現方法如下:<!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"&
Time of Update: 2015-05-06
jquery判斷選項按鈕radio是否選中的方法,jqueryradio本文執行個體講述了jquery判斷選項按鈕radio是否選中的方法。分享給大家供大家參考。具體如下:html代碼如下:<input type="radio" id="d1" name="ra" value="a" checked="checked" /><input type="radio" id="d2" name="ra" value="b" /><input type="radio"
Time of Update: 2015-05-06
js中this用法執行個體詳解,jsthis執行個體詳解本文執行個體講述了js中this用法。分享給大家供大家參考。具體如下:1. 指向window全域變數alert(this) //返回 [object Window]全域函數function sayHello(){ alert(this);}sayHello();2. 指向該對象(在全域裡面this指向window,在某個對象裡面this指向該對象,在閉包裡面this指向window)var user="the Window";var
Time of Update: 2015-05-06
js網頁捲軸滾動事件執行個體分析,js執行個體分析本文執行個體講述了js網頁捲軸滾動事件用法。分享給大家供大家參考。具體分析如下:在做js返回頂部的效果時,要監聽網頁捲軸滾動事件,這個事件就是:window.onscroll。當onscroll事件發生時,用js獲得頁面的scrollTop值,判斷scrollTop為一個設定值時,顯示“返回面部”js網頁捲軸滾動事件<style type="text/css"> #top_div{ position:fixed;
Time of Update: 2015-05-06
js實現滑動觸屏事件監聽的方法,js滑動觸監聽本文執行個體講述了js實現滑動觸屏事件監聽的方法。分享給大家供大家參考。具體實現方法如下:function span_move_fun(){ var span = document.getElementById("move_k"); var span_left = $(span).offset().left; var span_top = $(span).offset().top; var start_left = $(span).offset().