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
一、變數 從字面上看,變數是可變的量;從編程角度講,變數是用於儲存資料的容器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
比較數組中數值的大小是比較常見的操作,比較大小的方法有多種,比如可以使用內建的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資料類型的驗證又有了一個新的認識,原來可以判斷得這麼簡單又如此全面。我們自訂了isString,isNumber ,isDate ,isError ,isRegExp ,isBoolean ,isNull ,isUndefined ,isObject等方法。現在將自己定義的javascript資料類型驗證函式及測試集展示:<!DOCTYPE html> <html> <head> <meta
Time of Update: 2017-01-19
本文執行個體為大家介紹了如何通過javascript來消極式載入圖片,分享給大家供大家參考,具體內容如下當一個網頁中含有大量圖片時,如果一開始就將圖片全部載入完畢,勢必會引起效能和效率上的問題,使用者可能會由於等待時間過久而離開。這個時候,我們需要利用懶載入,也就是消極式載入圖片的方式,來提高網站的親和力。一、消極式載入圖片基本思路如下:
Time of Update: 2017-01-19
1.手繪一張圖說明。2.為什麼JavaScript是單線程(這裡引用阮一峰老師的話)JavaScript的單線程,與它的用途有關。作為瀏覽器指令碼語言,JavaScript的主要用途是與使用者互動,以及操作DOM。這決定了它只能是單線程,否則會帶來很複雜的同步問題。比如,假定JavaScript同時有兩個線程,一個線程在某個DOM節點上新增內容,另一個線程刪除了這個節點,這時瀏覽器應該以哪個線程為準?所以,為了避免複雜性,從一誕生,JavaScript就是單線程,這已經成了這門語言的核心特徵,將
Time of Update: 2017-01-19
很多網站都有此功能,當瀏覽到底部時都會有一個列印按鈕,點擊列印按鈕就可以完成列印功能,功能非常不錯,人性化,代碼非常的簡單。<a href="javascript:window.print()">雲棲社區</a> 也就是只要調用window.print()函數就可以實現列印當前頁面。但是上面的並不完美,因為有些網頁上的很多內容都不需要列印,下面介紹一下如何列印頁面中的指定內容。代碼如下:<!DOCTYPE
Time of Update: 2017-01-19
Javascript是遵循ECMAScript標準下的一個產物,自然ECMAScript的標準其要遵循。先來看下var關鍵字的定義和用法var 語句用於聲明變數。JavaScript 變數的建立也叫作"聲明"一變數:複製代碼 代碼如下:var carName;變數聲明後,變數為空白 (沒有值)。為變數複製,操作如下:複製代碼 代碼如下:carName = "Volvo";聲明變數時,你同樣可以為變數賦值:複製代碼 代碼如下:var carName = "Volvo";文法複製代碼
Time of Update: 2017-01-19
Iframe是一種嵌入網頁的架構形式,Web頁面可以通過更改嵌入的部分,達到部分內容重新整理。Iframe的用法與普通的標籤元素DIV類似,可以指定在頁面中嵌入的位置、顏色、介面布局等一、iframe實現局部重新整理方法一<script type="text/javascript"> $(function(){ $("#a1").click(function(){ var name= $(this).attr("name");