當頁面特別長的時候,使用者想回到頁面頂部,必須得滾動好幾次滾動鍵才能回到頂部,如果在頁面右下角有個“返回頂部”的按鈕,使用者點擊一下,就可以回到頂部,對於使用者來說,是一個比較好的體驗。 HTML: ? 1 <input id="btn1"
javascript實現的拖拽效果,可以把螢幕上的圖片拖動到任意地方,效果平滑,點擊圖片還可以從側邊展開圖片的詳細資料,非常好的相簿效果 拖拽的原理 1.擷取距離(滑鼠的位置-odiv的外邊距) 2.理解什麼時候用onmousemove事件 3.判斷是否過界 html代碼: ? 1 <div id=
網頁視頻音頻播放器大家並不陌生,在IE中我們可以運行ActiveX來嵌入微軟的Media Player或者其他的本地播放器,當然可能大部分我們都是使用Flash來製作播放器。在HTML5發展迅速的今天,讓我們嘗試用HTML5來製作網頁播放器吧,畢竟無論是PC還是行動裝置,HTML5是未來的趨勢 效果: 代碼很簡單 js ? 1 2 3
鑒於ECMAScript是鬆散類型的,因此需要有一種手段來檢測給定變數的資料類型——typeof就是負責提供這方便資訊的操作符。對一個值使用typeof操作符可能返回下列某個字串: “undefined”——如果這個值未定義 “boolean”——如果這個值是布爾值 “string”——如果這個值是字串 “
假設兩個函數:firstFunction和secondFunction。如果想讓這兩個函數都在頁面載入時得到執行,該怎麼辦?如果把它們逐漸綁定到onload事件上,它們當中將只有最後那個才會被實際執行: window.onload = firstFunction; window.onload = secondFunction; secondFunction
在js中實現頁面定時跳轉我們要使用setInterval或setTimeOut函數,當然還可以使用頁面的metea實現了,下面我介紹兩個執行個體。例1倒計時重新整理頁面代碼如下<script type="text/javascript" language="JavaScript">var startTime = new Date();var endTime=startTime.getTime()+10*60*1000;var g_
這樣的一個通用視窗..代碼如下construct(){setting={ID:'window ID',TitleText:'',Content:'content Text', //Parent:null, //視窗的父控制代碼 預設是加到 body裡boxCss:'class03_tank
很多網友在瀏覽網頁時應該會發現很多網頁有顯示時間和日期的功能,這個不難,使用可視化網頁製作軟體Dreameaver 可以直接插入時間和日期。但今天我們使用JavaScript來實現這個功能,同時能起到瞭解網路程式設計語言JavaScript的作用,這個執行個體原理就是通過JavaScript程式的執行使個人用戶端機器的日期和時間在網頁上顯示。 其來源程式如下:<script language="LiveScript"><br><br>
看到很多人有這保留數字後面小數點的需求,但是大多數是自己寫一個函數來截取,還要考慮四捨五入啥的,寫起來還挺複雜的。 其實javascript的Number對象是有一個保留小數點後面的小數的方法的:toFixed,它是四捨五入後的數。 我一度擔心IE6不支援這個方法,看到MDN裡面說這個方法是javascript1.5才出來。專門在IE6下試了下,是完全支援 toExponential([fractionDigits])
首先想說說javascript中函數的隱含參數:arguments Arguments 該對象代表正在執行的函數和調用它的函數的參數。 [function.]arguments[n] 參數function :選項。當前正在執行的 Function 對象的名字。 n :選項。要傳遞給 Function
1. 保持無侵入性 我的HTML標記不想知道你的JavaScript代碼。 2. 嚴禁修改和擴充Object.prototype! 這條很重要,因此需要一條完全針對它的規則。對象是JavaScript功能的基本構建模組,不要搞亂它們。 3. 不要過分擴充
Javascript中的for in迴圈通常用來遍曆數組首先要瞭解什麼是數組,所謂數組,其實就是一個儲存了一組類似變數的一個集合。我們來看一個儲存了愛好的數組執行個體:<html><body><script type="text/JavaScript">var x;var hobbies = new Array();//建立一個新的數組hobbies[0] = "JavaScript";hobbies[1] =
UglifyJS是一個對javascript進行壓縮和美化的工具,在它的文檔說明中,我看到了幾種關於if語句最佳化的方法。儘管我還沒使用它去做一些嘗試性的測試,但從這裡可以看到它的確對js作了美化的工作。也許有人認為if語句就那麼簡單,能最佳化到什麼程度?但是看看以下的幾種方式,你也許會改變看法。 一、使用常見的三元操作符 if (foo) bar(); else baz(); ==> foo?bar():baz(); if (!foo) bar(); else baz(); =
對於熟悉 C/C++ 或 Java 語言的工程師來說,javascript 顯得靈活,簡單易懂,對代碼的格式的要求也相對鬆散。很容易學習,並運用到自己的代碼中。也正因為這樣,javascript 的編碼規範也往往被輕視,開發過程中修修補補,最終也就演變成為後續維護人員的惡夢。軟體存在的長期價值直接與編碼的品質成比例。編碼規範能協助我們降低編程中不必要的麻煩。而 javascript 代碼是直接發送給客戶瀏覽器的,直接與客戶見面,編碼的品質更應該受到關注。 本文淺談 javascript
最近在做項目的過程中總是會遇到資料數組的去重問題,經過程式的多次修改現總結如下: 資料去重 代碼如下 var zdata = []; cityaname = result.aname; isp_cityname = $('.isp_cityname' +
checkbox全選應該是一個比較實用的前端技巧吧,很多時候我們都需要點擊一個checkbox,然後將所有的複選框自動全部選中,一些CMS系統的後台中,使用本JS效果後,會大大增強了操作體驗,那麼究竟是如何?這一功能的呢? duplex雙工綁定是avalon綁定裡面最有趣的一個,因為它在內部幫開發人員做了很多事,讓開發人員寫的代碼減少,代碼更優雅。下面隨便示範一個常見的checkbox全選。 要求:(老掉牙了,還是說一下) 1.勾選了全選框後,下面的子選框全被勾選;沒勾選全
這篇文章主要介紹了javascript限制文字框輸入實值型別的方法,涉及javascript滑鼠事件、鍵盤按鍵及字串的相關操作技巧,非常具有實用價值,需要的朋友可以參考下 本文執行個體講述了javascript限制文字框輸入實值型別的方法。分享給大家供大家參考。具體分析如下: 要求:所有的文字框,只能輸入數字和小數點,其他的符號一概不能輸入; 重點是我希望在使用者輸入時就做限制,而不是提交時判斷——也就是說如果使用者在文字框內輸入數字或小數點,可以正
本文給大家介紹的是javascript中的靜態屬性和原型屬性,並附上樣本分析,十分的實用,有需要的小夥伴可以參考下。 文章給各位介紹Javascript的靜態方法和原型方法一個例子,如果大家對於Javascript的靜態方法和原型方法不瞭解可以和小編一起來看看。 一段代碼,瞭解靜態方法和執行個體方法: ? 1 2 3 4
本文執行個體講述了javascript動作表格排序的方法。分享給大家供大家參考。具體如下: 完整例子如下: ? 1 2 3 4 5 6 7 8 9 10 11 12
這篇文章主要介紹了javascript十六進位及二進位轉化的方法,涉及javascript中toString方法的提示,需要的朋友可以參考下 ? 1 2 3 4 5 6 7 8 9 10 11