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
一、定義 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
本文執行個體講解了基於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
本文執行個體講解了基於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
比較數組中數值的大小是比較常見的操作,比較大小的方法有多種,比如可以使用內建的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
本文執行個體介紹了javascript實現input file上傳圖片預覽效果的詳細代碼,分享給大家供大家參考,具體內容如下運行效果圖:具體實現代碼:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"
Time of Update: 2017-01-19
閑著沒事,隨便寫了個簡單的JavaScript tabel切換,大家有興趣的看看,有需要的就拿去吧.廢話不說了,大家看代碼吧方法一:for迴圈+if判斷當前點擊與自訂數組是否匹配 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab切換</title> <style type="text/css"> button {
Time of Update: 2017-01-19
JavaScript的資料類型分為六種,分別為null,undefined,boolean,string,number,object。object是參考型別,其它的五種是基本類型或者是原始類型。我們可以用typeof方法列印來某個是屬於哪個類型的。不同類型的變數比較要先轉類型,叫做類型轉換,類型轉換也叫隱式轉換。隱式轉換通常發生在運算子加減乘除,等於,還有小於,大於等。。typeof '11' //string typeof(11) //number'11' < 4
Time of Update: 2017-01-19
本文執行個體講解了原生JavaScript實現瀑布流布局詳細代碼,分享給大家供大家參考,具體內容如下效果圖:具體代碼:window.onload=function(){ waterfall('main','pin'); var dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]}; window.onscroll=function(){
Time of Update: 2017-01-19
延時載入js代碼提高速度,具體內容如下所示:如果網頁中存在大量的javascript代碼會極大的影響網頁的訪問速度,下面就簡單介紹一下如何處理此問題。一.延時載入js檔案:可以使用定時器函數setTimeout()讓外部的js檔案消極式載入,例如:<script type="text/javascript" src="" id="my"></script> <script type="text/javascript"> var
Time of Update: 2017-01-19
建構函式就是初始化一個執行個體對象,對象的prototype屬性是繼承一個執行個體對象。 建構函式注意事項:1.預設函數首字母大寫2.建構函式並沒有顯示返回任何東西。new 操作符會自動建立給定的類型並返回他們,當調用建構函式時,new會自動建立this對象,且類型就是建構函式類型。3.也可以在建構函式中顯示調用return.如果返回的值是一個對象,它會代替新建立的對象執行個體返回。如果返回的值是一個原始類型,它會被忽略,新建立的執行個體會被返回。
Time of Update: 2017-01-19
在web開發中,不可避免遇到要計算元素大小以及位置的問題,解決這類問題的方法是利用DOM提供的一些API結合相容性處理來,所有內容大概分3篇左右的文章的來說明。本文作為第一篇,介紹DOM提供的與尺寸大小相關的DOM屬性,提供一些相容性處理的方法,並結合常見的情境說明如何正確運用這些屬性。1.
Time of Update: 2017-01-19
先看一張圖,梳理梳理。一、基本概念 【原型鏈】每個建構函式都有一個對象,原型對象都包含一個指向建構函式的指標,而執行個體都包含一個指向原型對象的內部指標。那麼,如果原型對象等於另一個原型的執行個體,此時的原型對象將包含一個指向另一個原型的指標,相應地,另一個原型中也包含著一個指向另一個建構函式的指標。如果另一個原型又是另一個原型的執行個體,那麼上述關係依然成立。如此層層遞進,就構成了執行個體與原型的鏈條。【原型對象】這個對象包含可以由特定類型的所有執行個體共用的屬性和方法。所有參考型別預設都繼
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(){