Time of Update: 2017-01-19
本文執行個體講述了JavaScript實現擷取某個元素相鄰兄弟節點的prev與next方法。分享給大家供大家參考,具體如下:/*** 擷取相鄰元素* @param ele 參考物元素* @param type 類型,上一個(1)or下一個(0)* @return 返回尋找到的元素Dom對象,無則返回null*/function getNearEle(ele, type) { type = type == 1 ? "previousSibling" : "nextSibling";
Time of Update: 2017-01-19
本文執行個體講述了JavaScript實現給定時間相加天數的方法。分享給大家供大家參考,具體如下:/*** 時間相加處理函數* @param date 需要計算的時間(xxxx-xx-xx)* @param plusDays 要加的天數(整數)*/function calcuDate(date, plusDays) { var dateArray = date.split("-"); var year = +dateArray[0]; var month = +dateArray[1];
Time of Update: 2017-01-19
在觸發DOM上的某個事件時,會產生一個事件對象event。DOM中的事件對象相容DOM的瀏覽器會將一個event對象傳入到事件處理常式中。event對象包含與建立它的特定事件有關的屬性和方法。除法的事件類型不一樣,可用的屬性方法就不一樣。不過,所有的事件都會有下表列出的成員。下面列出了 2 級 DOM 事件標準定義的屬性: bubbles: 返回布爾值,指示事件是否是起泡事件類型。 cancelable: 返回布爾值,指示事件是否可擁可取消的預設動作。 currentTarget:
Time of Update: 2017-01-19
本文全篇介紹了JavaScript事件流和事件處理常式,分享給大家供大家參考,具體內容如下一、事件流事件流描述的是從頁面中接收事件的順序。IE的事件流是事件冒泡流,而Netscape Communicator的事件流是事件捕獲流。二、事件冒泡即事件開始時由最具體的元素接收,然後逐級向上傳播到較為不具體的節點。如:<!DOCTYPE html><html lang="en"><head> <meta
Time of Update: 2017-01-19
<script> 2function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } 8var num = GetRandomNum(1,10); 9alert(num); </script> var chars = ['0','1','2','3','4','5','6','7
Time of Update: 2017-01-19
HTMLFormElement繼承了HTMLElement,它自己專屬的屬性和方法有: acceptCharset:伺服器能夠處理的字元集,等價於HTML的accept-charset特性 action:接收請求的URL,等價於HTML中的action特性。 elements:表單中所有控制項的集合(HTMLCollection) enctype:請求的編碼類別型 length:表單中控制項的數量 method:要發送的HTTP請求類型,通常是get或post
Time of Update: 2017-01-19
在HTML中,有兩種方式來表現文字框:一種是使用input元素的單行文本,另一種是使用textarea的多行文字框。使用input方式,必須添加type,設定為“text”。 size特性,可以指定文字框內能夠顯示的字元數。 value屬性可以設定文字框的初始值。 maxlength特性則是用於指定文字框內可以接受的最大字元數。 textarea的初始值則必須放在開始和結束標籤之內。 cols是文字框字元行數; rows是文字框字元列數;
Time of Update: 2017-01-19
ECMAscript 中有5種簡單的資料類型,也被稱為基礎資料型別 (Elementary Data Type):Undefined、Null、Boolean、Number和String。還有一種複雜的資料類型——Object。Undefined 類型在使用var 聲明變數但未對其進行初始化時,這個變數的值就是undefined。如:var number;document.write(number); //undefined如果沒有聲明變數則會出現下面這種錯誤。如:document.write(
Time of Update: 2017-01-19
本文分享一個能夠實現自動切換的選項卡功能,並給出它的具體實現過程。關於選項卡大家一定不會陌生,應用非常的頻繁,通常選項卡都是需要點擊或者划過才能夠實現切換。代碼執行個體如下:<html><head><meta charset=" utf-8"><title>tab切換</title><style type="text/css">body,h2,p{ margin:0px; padding:0px;}ul,li{
Time of Update: 2017-01-19
我們在使用移動、電信等電訊廠商網上營業廳的時候,為確保業務的完整和正確性,經常會需要用到簡訊的驗證碼。最近因為某省業務需要,也做了個類似的功能。原理很簡單,就是在使用者點擊"擷取驗證碼"的時候,Ajax擷取一串固定位元的數字,然後寫資料庫發簡訊,寫Cookie設定驗證碼的有效期間。JS請求驗證碼如下: $.ajax({type: "GET",url: "../Ajax/smsrandcodetest.ashx?phone=" + phone.val() + "&smsCodeRand="
Time of Update: 2017-01-19
廢話不多說,直奔主題了。javascript的運行原理總結如下:1、按照html文檔流順序執行javascript代碼瀏覽器是按照文檔流從上到下逐步解析頁面結構和資訊的,javascript代碼作為嵌入的指令碼作為html文檔的組成部分,所以javascript代碼在載入時的執行順序也是根據指令碼標籤<script>的出現順序來確定的。如果通過指令碼標籤<script>的src屬性來引入外部.js檔案,那麼它也將按照其語句出現的順序來執行,而且執行過程是文檔載入的一部分。
Time of Update: 2017-01-19
我想大多數人聽說過 Node.js,但是你聽說過 NodeOS 嗎?沒錯,NodeOS,一個用 Node.js 寫的作業系統。好吧,實話說,NodeOS 用 Linux 核心來處理各種底層任務,比如硬體通訊什麼的,但是除此之外,使用的都是 Node.js。NodeOS 的開發始於兩年前,建立者的目的很簡單,他只是好奇,“是否有可能僅使用 Node.js 建立一個作業系統呢?”是否有可能僅使用 Node.js 建立一個作業系統呢?這個主意怎麼樣?我們已經看到了 Node.js
Time of Update: 2017-01-19
下面就是我的學習筆記,對於Javascript初學者應該是很有用的。 一、變數的範圍 要理解閉包,首先必須理解Javascript特殊的變數範圍。 變數的範圍無非就是兩種:全域變數和局部變數。 Javascript語言的特殊之處,就在於函數內部可以直接讀取全域變數。 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函數外部自然無法讀取函數內的局部變數。 function f1(){ var n=99
Time of Update: 2017-01-19
本文執行個體講述了JavaScript統計字串中每個字元出現次數的方法。分享給大家供大家參考,具體如下:這是一個面試題,要求隨便給你一個字串,讓你求出字串中每個字元出現的次數。先來看看運行效果截圖:具體代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2017-01-19
本文執行個體講解了javascript實現checkbox複選框的詳細代碼,分享給大家供大家參考,具體內容如下效果圖:具體代碼:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</title><script type="text/javascript">function
Time of Update: 2017-01-19
本文執行個體講述了JavaScript黑洞數字之運算路線尋找演算法。分享給大家供大家參考,具體如下:運行效果截圖如下:具體代碼如下:<!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"><head&
Time of Update: 2017-01-19
本文執行個體講解了javascript實現動態顯示當前系統時間的詳細代碼,具體內容如下 (1)時間日期資訊,應該在一個<div>中來顯示 (2)定時器:每隔一秒再次訪問系統時間,window對象的setTimeout() (3)時鐘顯示的時機(事件):當網頁載入完成後才顯示,事件onload (4)如何將 時間日期資訊 寫入到指定的<div>中,DOM對象中的innerHTML 屬性
Time of Update: 2017-01-19
本文執行個體講解了javascript實現隨機顯示星星特效的詳細代碼,具體內容如下 (1)網頁背景是黑的 (2)星星隨機大小:min=15,max=80 (3)星星的座標是隨機的: x_left=0,x_right=(瀏覽器寬-星星寬)
Time of Update: 2017-01-19
本文執行個體講述了js實現全國省市二級聯動下拉選擇菜單,分享給大家供大家參考。具體如下:效果圖: 具體代碼:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</title><script type="text/javascript">//好像不是這樣子var
Time of Update: 2017-01-19
隨著前端的發展,非同步這個詞真是越來越常見了。假設我們現在有這麼一個非同步任務:向伺服器發起數次請求,每次請求的結果作為下次請求的參數。來看看我們都有哪些處理方法:Callbacks最先想到也是最常用的便是回呼函數了,我們來進行簡單的封裝:let makeAjaxCall = (url, cb) => { // do some ajax // callback with result}makeAjaxCall('http://url1', (result) => {