Time of Update: 2017-01-19
在Array對象中有給定的函數可以刪除數組中指定的元素,雖然非常好用,但是總感覺看不到摸不著的比較彆扭,下面就分享一個自訂的刪除數組指定索引值元素的函數,希望給大家一個全新的思路。代碼執行個體如下:var array=[]; array[0]="雲棲社區一"; array[1]="雲棲社區二"; array[2]="雲棲社區三"; array[3]="雲棲社區四"; array[4]="雲棲社區五"; function remove(array,index){
Time of Update: 2017-01-19
視窗抖動效果在很多地方都有應用,例如網易的登陸視窗就有這樣的效果,當登陸失敗的時候就會出現抖動效果,這不但有動感,而且讓人感覺新穎,下面是一段這樣的代碼執行個體,和大家分享一下。代碼如下:<!DOCTYPE HTML><html><head><meta charset="utf-8"/><meta name="author" content="http://www.softwhy.com/" /><title>視窗登陸效果&
Time of Update: 2017-01-19
一、定義 javascript是一門用來增強頁面動態效果,實現頁面與使用者之間的即時、動態互動的指令碼語言(解釋型程式設計語言)。javascript由三部分組成:ECMA、DOM和BOM [1]ECMAScript由ECMA-262定義,提供核心語言功能(ECMA是歐洲電腦製造商協會) [2]DOM文件物件模型,提供訪問和操作網頁內容的方法的介面 [3]BOM瀏覽器物件模型,提供與瀏覽器互動的方法的介面 二、引入 引入javascript有兩種辦法:在頁面內嵌入js代碼和引
Time of Update: 2017-01-19
摘要: 最近在開發項目中又用到了前端分頁,以前也做過,為了方便以後使用所以將他封裝成第三方外掛程式,不依賴任何庫。網上已經有很多外掛程式,問什麼還要自己造輪子?自己寫的擴充性高不依賴任何庫作為一次技術沉澱先看下效果圖安裝方法首先在頁面中要載入css及js<link rel="stylesheet" href="dist/pagination.css"><script
Time of Update: 2017-01-19
一、變數 從字面上看,變數是可變的量;從編程角度講,變數是用於儲存資料的容器1.1變數特性 javascript中的變數是鬆散類型的,可以儲存任何類型的資料。由於不存在定義某個變數必須要儲存何種資料類型值的規則,變數的值及其資料類型可以在指令碼的生命週期內改變 1.2變數命名 變數可以任意取名,但必須遵循命名規則:[1]第一個字元必須是字母、底線或貨幣符號。其他字元可以是字母、底線、貨幣符號或數字//錯誤示範 6num //開頭不能用數字 %sum //開頭不能用除(_
Time of Update: 2017-01-19
本文執行個體講解了基於javascript實現視窗抖動效果的詳細代碼,分享給大家供大家參考,具體內容如下效果圖:滑鼠點擊,視窗實現抖動。具體代碼:<!DOCTYPE HTML><html><head><meta charset="gb2312"/><title>視窗登陸效果</title><style type="text/css">#win{ position:relative; width:100px;
Time of Update: 2017-01-19
本文執行個體講解了如何避免javascript中衝突的方法,需要的朋友可以瞭解一下[1]工程師甲編寫功能Avar a = 1;var b = 2;alert(a+b);//3[2]工程師乙添加新功能Bvar a = 2;var b = 1;alert(a-b);//1[3]上一步中,工程師乙在不知情的情況下,定義了同名變數a,產生衝突。於是使用匿名函數將指令碼包起來,讓變數範圍控制在匿名函數之內。//功能A(function(){ var a = 1; var b =
Time of Update: 2017-01-19
本文執行個體為大家介紹javascript實現簡單計算機功能的詳細代碼,分享給大家供大家參考,具體內容如下效果圖:實現代碼:<html> <head> <script> function calc(event){ // test //window.alert(event.value); var val = new String(event.value); //
Time of Update: 2017-01-19
一、基本概述 JS是採用事件驅動的機制來響應使用者操作的,也就是說當使用者對某個html元素進行操作的時候,會產生一個時間,該時間會驅動某些函數來處理。PS:這種方式和Java GUI中的事件監聽機制很像,都是需要註冊監聽,然後再處理監聽,只不過實現的方式不同而已。二、事件驅動原理 事件來源:產生事件的地方(html元素) 事件:點擊/滑鼠操作/鍵盤操作等等
Time of Update: 2017-01-19
本文執行個體講解了基於javascript實現仿百度輸入框自動匹配功能的詳細代碼,現在很多網站都有這種效果,在文字框輸入一個字元,下邊會出來相匹配的內容,這個代碼就示範了這個功能是如何完成的,當然,這是個靜態,你可以將提示的內容從資料庫讀取出來,要用到AJAX那東東,分享給大家供大家參考,具體內容如下<HTML> <HEAD> <title>帶輸入匹配的文字框</title> <style> body,div {
Time of Update: 2017-01-19
彈出層效果是一個很實用的功能,很多網站都採用了這種方式實現登入和註冊,比如百度:彈出層的特點:點擊登入或註冊的時候在頁面的中間部分彈出一個登入或註冊地區並且頁面有一個遮罩層,而且登入框在遮罩層之上,也就是登陸框的z-index值要大於遮罩層的z-index值。當點擊關閉或者遮罩層時關閉登入或者註冊框(有的網頁沒有實現點擊遮罩層關閉登入或註冊地區的功能。)。最近也做了一個類似的彈出層的效果,先展示一下最終效果:簡單的說一下實現的過程。首先是遮罩層。遮罩層是在頁面動態載入的過程中建立的,因為遮罩層需
Time of Update: 2017-01-19
定義和用法replace() 方法用於在字串中用一些字元替換另一些字元,或替換一個與Regex匹配的子串。stringObject.replace(regexp/substr,replacement) 參數 描述 regexp/substr 必需。規定子字串或要替換的模式的 RegExp 對象。 請注意,如果該值是一個字串,則將它作為要檢索的直接量文字模式,而不是首先被轉換為 RegExp 對象。
Time of Update: 2017-01-19
在某些情境下,需要網頁在指定的時間後,網頁能夠自動跳轉到指定頁面,比如在無法找到指定網頁的情況下,就會顯示之前設定好的404頁面,並且跳轉到指定的頁面,下面就是一段代碼實現了此效果。代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.jb51.net/"
Time of Update: 2017-01-19
比較數組中數值的大小是比較常見的操作,比較大小的方法有多種,比如可以使用內建的sort()函數,下面來介紹如下幾種方法,代碼如下:方法一://最小值Array.prototype.min = function() {var min = this[0];var len = this.length;for (var i = 1; i < len; i++){ if (this[i] < min){ min = this[i]; } } return
Time of Update: 2017-01-19
使用url傳遞參數,大家應該不陌生,例如:http://www.softwhy.com/home.php?mod=space&do=home&view=all既然傳遞參數,那麼自然就要獲得傳遞的參數,當然擷取參數的方式有多種多樣,下面就介紹其中的一種,和大家一起分享,希望能夠給大家帶來一定的協助,代碼如下:var url="http://www.softwhy.com/home.php?mod=space&do=home&view=all";if(url.indexOf("
Time of Update: 2017-01-19
先看一張圖,梳理梳理。一、基本概念 【原型鏈】每個建構函式都有一個對象,原型對象都包含一個指向建構函式的指標,而執行個體都包含一個指向原型對象的內部指標。那麼,如果原型對象等於另一個原型的執行個體,此時的原型對象將包含一個指向另一個原型的指標,相應地,另一個原型中也包含著一個指向另一個建構函式的指標。如果另一個原型又是另一個原型的執行個體,那麼上述關係依然成立。如此層層遞進,就構成了執行個體與原型的鏈條。【原型對象】這個對象包含可以由特定類型的所有執行個體共用的屬性和方法。所有參考型別預設都繼
Time of Update: 2017-01-19
本文執行個體講解了最簡單的物件導向選項卡實現方法,分享給大家供大家參考,具體內容如下效果圖:1、功能說明點擊三個按鈕分別顯示對應的選項卡2、html代碼說明<div class="box" id="box"> <ul class="list"> <li class="in_active">第一張選項卡</li> <li class="in">第二張選項卡</li> <li
Time of Update: 2017-01-19
本文執行個體為大家介紹了javascript實現繼承的6種方式,分享給大家供大家參考,具體內容如下1、【原型鏈繼承】實現的本質是重寫原型對象,代之以一個新類型的執行個體。實際上不是SubType的原型的constructor屬性被重寫了,而是SubType的原型指向了另一個對象——SuperType的原型,而這個原型對象的construtor屬性指向的是SuperTypefunction SuperType(){ this.property =
Time of Update: 2017-01-19
本文為大家分享了javascript建立對象的9種方式,供大家參考,具體內容如下【1】使用Object建構函式[缺點]使用同一個介面建立很多個物件,會產生大量重複代碼var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer"; person.sayName = function(){
Time of Update: 2017-01-19
一、編程思想面向過程:以過程為中心,自頂向下逐步細化,程式看成一系列函數調用的集合物件導向:對象作為程式的基本單元,程式分解為資料和相關操作二、類、對象類:對具有相同特性和特徵事物的抽象描述對象:某種類型對應的具體事物三、物件導向的三大特性封裝:隱藏實現細節,實現代碼模組化繼承:擴充已存在的代碼模組,實現代碼重用 多態:介面的不同實現方式,實現介面重用四、對象定義:無序屬性的集合,其屬性可以包含基本值、對象或者函數//簡單的對象執行個體var person = new Object()