Time of Update: 2017-01-19
上一篇《javascript實現tab切換的四種方法》中講了tab切換的4種不同實現原理,那麼,現在到理論聯絡實際的時候了,下面就寫幾個執行個體。一、仿”中國人民大學“官網的tab切換,背景是圖片,效果圖如下:滑鼠移到新聞時的效果 滑鼠移到公告時的效果 滑鼠移到交流時的效果 學術、交流和文體的內容為空白,我沒有寫。完整代碼如下: <!DOCTYPE html> <html> <head> <meta http-equiv="
Time of Update: 2017-01-19
前言在物件導向的編程範式中,封裝都是必不可少的一個概念,而在諸如 Java,C++等傳統的物件導向的語言中, 私人成員是實現封裝的一個重要途徑。但在 JavaScript 中,確沒有在文法特性上對私人成員提供支援, 這也使得開發人員使出了各種奇技淫巧去實現 JS 中的私人成員,以下將介紹下目前實現 JS
Time of Update: 2017-01-19
巧用批處理解決IE不支援JavaScript等問題rem =====批處理開始========regsvr32 actxprxy.dll regsvr32 shdocvw.dll Regsvr32 URLMON.DLL Regsvr32 actxprxy.dll Regsvr32 shdocvw.dll regsvr32 oleaut32.dll rundll32.exe advpack.dll /DelNodeRunDLL32 C:\WINNT\System32\dacui.dll
Time of Update: 2017-01-19
Javascript中void是一個操作符,該操作符指定要計算一個運算式但是不傳回值。void 操作符用法格式如下:1. javascript:void (expression)2. javascript:void expressionexpression 是一個要計算的 Javascript 標準的運算式。運算式外側的圓括弧是選的,但是寫上去是一個好習慣。你以使用 void 操作符指定超級連結。運算式會被計算但是不會當前文檔處裝入任何內容。樣本-點擊超連結不跳轉1:<a href="##
Time of Update: 2017-01-19
1、Date.now() //Date.now() is in ECMAScript 5 //Prior to that, use +new Date() //擷取目前時間 var now = (typeof Date.now == "function" ? Date.now() : +new Date()); alert("Right now: " + now);2、Date.parse()方法var now = new Date(); alert(now);
Time of Update: 2017-01-19
本文實現了點擊標題時判斷該標題下的菜單是否顯示,如果是顯示的則將其隱藏,如果是隱藏的則將其顯示出來。具體代碼如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0; padding:0; font-size:13px;
Time of Update: 2017-01-19
本文執行個體分析了Javascript控制div屬性動態變化的方法。分享給大家供大家參考。具體如下:這裡使用JS控制div屬性變化,另Div的幾何尺寸發生變化,例如變寬、變高、改變顏色、隱藏Div、重設所有屬性為預設值等。雖然在本例中,這些屬性值的改變很簡單就可實現,但在JavaScript網頁前端設計中,這種屬性或方法經常會被用到,因此還是值得大家關注的。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-cha-div-opt-demo/具體代
Time of Update: 2017-01-19
除了建立對象,建構函式(constructor) 還做了另一件有用的事情—自動為建立的新對象設定了原型對象(prototype object) 。原型對象存放於 ConstructorFunction.prototype 屬性中。例如,我們重寫之前例子,使用建構函式建立對象“b”和“c”,那麼對象”a”則扮演了“Foo.prototype”這個角色:// 建構函式function Foo(y) { // 建構函式將會以特定模式建立對象:被建立的對象都會有"y"屬性 this.y = y;}//
Time of Update: 2017-01-19
問題描述:使用JavaScript產生一個倒數7天的數組。比如今天是10月1號,產生的數組是["9月25號","9月26號","9月27號","9月28號","9月29號","9月30號","10月1號"]。這個痛點就是需要判斷這個月份(可能還需要上一個月份)是30天還是31天,而且還有瑞年的2月28天或者29天。解答思路:不需要那麼複雜,在js中非常簡單,因為js的date對象是可以參與數學運算的!!!看下面的代碼:var now = new Date('2012/3/2 12:00:00')
Time of Update: 2017-01-19
閱讀目錄基本介紹舉例說明總結說明簡單原廠模式是由一個方法來決定到底要建立哪個類的執行個體, 而這些執行個體經常都擁有相同的介面. 這種模式主要用在所執行個體化的類型在編譯期並不能確定, 而是在執行期決定的情況。
Time of Update: 2017-01-19
本文執行個體講述了JavaScript實現標題列文字輪播效果代碼。分享給大家供大家參考,具體如下:這裡示範的JS文字輪播,顯示在標題列地區,以前個人首頁時候經常見到的效果,不過現在都規範了,標題列一般都不加入這種效果了。但是可以學習一下JS製作實現一些文字特效,運行效果後請查看標題列。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-title-loop-show-style-demo/具體代碼如下:<html><head>
Time of Update: 2017-01-19
簡要教程wallop是一款移動優先的純javascript投影片外掛程式。這個投影片外掛程式僅4k大小,它的原理僅是為HTML元素添加和移除適當的class來顯示和隱藏它們,至於這些class樣式你可以完全自訂。特點有:移動優先動畫和過渡效果都使用CSS來產生輕量級,僅4k大小高度靈活性和可擴充性可自訂事件和API沒有任何外部依賴 使用方法使用該投影片外掛
Time of Update: 2017-01-19
以下代碼非常簡單,輕鬆實現網頁內容禁止複製。有時候我們需要禁止別人複製網站的內容,以下代碼可以輕鬆實現該功能!屏蔽滑鼠右鍵複製代碼 代碼如下:function document.oncontextmenu(){event.returnValue=false;}禁止選擇複製複製代碼 代碼如下:function document.onselectstart(){return false;}本文只是給大家分享了代碼的關鍵區段,細節部分還需要我們自己根據需求去補充說明。
Time of Update: 2017-01-19
舉例有一個js方法,接收參數:複製代碼 代碼如下:function f1(myValue){ alert(myValue); }有一個變數:複製代碼 代碼如下:var passValue="Hello World";在調用這個方法的時候(我是出現在Ajax提交的時候):@Ajax.ActionLink("文本","控制器",new{參數},new AjaxOptions(){ HttpMethod="post",OnSuccess="f1(PassValue)"
Time of Update: 2017-01-19
JavaScript中,除了五種原始類型(即數字,字串,布爾值,null,undefined)之外的都是對象了,所以,不把對象學明白怎麼繼續往下學習呢?一.概述對象是一種複合值,它將很多值(原始值或其他對象)彙總在一起,可通過屬性名稱訪問這些值。而屬性名稱可以是包含Null 字元串在內的任一字元串。 JavaScript對象也可以稱作一種資料結構,正如我們經常聽說的“散列(hash)”、“散列表(hashtable)”、“字典 (dictionary)”、“關聯陣列(associative
Time of Update: 2017-01-19
定義和用法replace() 方法用於在字串中用一些字元替換另一些字元,或替換一個與Regex匹配的子串。文法stringObject.replace(regexp/substr,replacement)傳回值一個新的字串,是用 replacement 替換了 regexp 的第一次匹配或所有匹配之後得到的。說明字串 stringObject 的 replace() 方法執行的是尋找並替換的操作。它將在 stringObject 中尋找與 regexp 相匹配的子字串,然後用
Time of Update: 2017-01-19
等待控制項在網上搜有好多種,但是都很複雜,不一定用的順手,再說我的項目是bootstrap的原因,又不敢輕易使用第三方控制項,怕不相容,於是自己動手寫了個等待控制項,其技術點包括動態載入CSS,javascript的命名空間,所以記錄一下。這個等待控制項主要是:進行某個操作前,顯示一個資訊提示:“資料載入中,請稍候。。。”,操作成功後,在回呼函數中將提示消失,原理是這個等待控制項完全由JS動態加進去,包括CSS,頁面中並無預先設定。那麼這個CSS怎麼動態載入呢?等待控制項中,樣式使用了class
Time of Update: 2017-01-19
本文執行個體講述了JavaScript實現同時調用多個函數的方法。分享給大家供大家參考,具體如下:這裡分析JavaScript 同時調用同一網頁內的多個函數的實現方法,點擊按鈕後執行多次函數,比如連續彈出多次視窗。具體代碼如下:<html><head><title>同時調用多個函數</title><script language="javascript"><!-- function fun1(){ alert("這是fun1")
Time of Update: 2017-01-19
本文執行個體講述了JS實現的自訂網頁拖動類。分享給大家供大家參考,具體如下:Javascript本身沒有暫停功能(sleep不能使用)同時 vbscript也不能使用doEvents,故編寫此函數實現此功能。 javascript作為弱對象語言,一個函數也可以作為一個對象使用。比如: function Test(){ alert("hellow"); this.NextStep=function(){ alert("NextStep"); } }
Time of Update: 2017-01-19
下面給大家介紹javascript中altkey屬性,具體介紹如下所示:altKey屬性的定義和用法:此屬性返回一個布爾值。指示在指定的事件發生時,Alt鍵是否被按下並保持住了。文法結構:event.altKey=true|false|1|0瀏覽器支援:1.IE瀏覽器支援此屬性。2.Firefox瀏覽器支援此屬性。3.Opera瀏覽器支援此屬性。4.Google瀏覽器支援此屬性。執行個體代碼:<!DOCTYPE html> <html> <head> &