Time of Update: 2018-12-07
在JavaScript中,數學方法可以分成以下幾類:constans(常數)、power functions(乘方函數)、trigonometic functions(三角函數)、rounding functions(舍入函數)以及random numbers(隨機數字)。下面逐個說明:常數和乘方函數Math.E 自然對數的底(為常數) 2.718 Math.LN10 10的自然對數 2.302 Math.LN2 2的自然對數 0.693 Math.PI 圓周率 3.1415
Time of Update: 2018-12-07
//1.判斷是否存在指定value的Itemfunction ExistValue(obj,value){ for(var i=0;i<obj.options.length;i++){ if(obj.options[i].value == value){ return true; } } return false;} //2.加入一個Itemfunction
Time of Update: 2018-12-07
一、開篇最近在做js拖拽的時候,發現了一個強大而又靈活的拖拽架構,(之前用了代碼混淆器,還好代碼比較短,我就翻譯過來了)利用這個架構不僅能實現簡單的拖動,更能輕易的實現各種複雜的拖放功能。這一篇先實現最簡單的拖拽,稍微複雜的拖放將在後面的文章裡寫出來。二、代碼先把代碼貼出來CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->var Drag={
Time of Update: 2018-12-07
一、開篇在上一篇中,似乎不出來這個架構有多強大。是因為我們實現的效果太簡單了,還不足以體現架構的強大和靈活,在這一節中,用這個靈活的架構輕易的來實現拖放! 二、原理 架構的原理在上一篇文章中介紹了,這裡就不在重複,直接開始使用這個架構了首先通過Drag.init來註冊拖動組件;分析:1、拖動開始的時候將dragGhost插入到滑鼠拖動的那個元素,滑鼠拖動的元素的position為absolutedragGhost為拖動過程中指示拖動元素的當前位置的元素2、拖動進行中的時候根據當前滑鼠的位置或者正
Time of Update: 2018-12-07
一、何為緩動效果緩動效果在任何軟體上都是常用的,尤其是在web開發裡。所謂緩動效果,即是說元素的運動不是勻速的,而是由快到慢或者由慢到快這樣變化的。緩動效果可以使得頁面看起來更豪華,提高網頁的品質。 二、原理我的這種緩動效果的實現方法來源於大家都非常熟悉的Flash。在建立動畫補間的時候,下面會有緩動的選項: 改變右邊緩動的數值可以實現緩動效果,數值為正的時候就先快後慢,數值為負則先慢後快。點擊右邊的編輯就會看到一條關於緩動程度的一條曲線。緩動數值為零時,緩動曲線為一條直線,這種情況下的運動為勻
Time of Update: 2018-12-07
一、開篇拖拽已經是個Javascript的老話題了,但是也是最經典的問題之一。在這裡,我用物件導向的方法實現了簡單的拖拽,這是做複雜js效果的基礎。二、原理拖拽的原理很簡單,就是捕獲滑鼠事件,作出應有的相應。需要處理的滑鼠事件有三個:mousedown mousemove mouseup,下面分別介紹在各個事件需要處理一些什麼事情。1、 mousedown(1) 將滑鼠所點擊的對象position設定為absolute,這樣才可以通過設定top和left的值讓元素動起來;(2)
Time of Update: 2018-12-07
一、開篇在研究CS08的時候,看到後台管理的Dashboard滑動按鈕做得很漂亮,於是自己就動手寫了一個,在這裡與大家分享。菜單展開可以是滑鼠點擊按鈕,也可以是滑鼠移動到按鈕上,在這裡先介紹滑鼠點擊的這種菜單。二、原理基本原理很簡單,就是將需要滑動的菜單放在一個overflow為hidden的容器裡,然後控制功能表相對於容器的top屬性,實現下拉的效果。但是實際上也沒這麼簡單,因為要遇到很多問題,比如容器的大小如何控制、容器如何確定位置、容器應該何時出現(如果容器一直存在,則會擋住容器下面的元素
Time of Update: 2018-12-07
一、淺拷貝:如果是實值型別,則拷貝值;如果是參考型別,則拷貝引用地址。Code highlighting produced by Actipro CodeHighlighter
Time of Update: 2018-12-07
1、對象冒充Code highlighting produced by Actipro CodeHighlighter
Time of Update: 2018-12-07
一、開篇 在寫了前幾篇拖拽過後,有不少朋友留言說如果將拖拽結果持久化將會更好。在瞭解了Javascript對Cookie的操作還有一點JSON知識過後,修改了上一篇文章的代碼,可以將結果儲存在用戶端Cookie,每次開啟頁面就可以載入上次拖拽的資料,得到上次的拖拽布局。 查看樣本二、原理 首先添加了兩個方法:setCookie和getCookie,分別用來添加/修改Cookie和讀取Cookie,這些教程太多了,就不多說了。
Time of Update: 2018-12-07
這兩天做了一個圖片滾動的效果,拿出來和大家共用。效果很簡單,不過這是我第一次使用js庫(prototype1.6)。雖然所引用的prototype檔案大小遠遠超過了自己所寫的代碼,但是這畢竟是學習而已,用js庫真的能讓代碼更簡潔。 查看樣本 這是第一個類,主要來負責一個SlideShow的初始化和自動播放,具有多個SlideItem執行個體,儲存在items數組中Code highlighting produced by Actipro CodeHighlighter
Time of Update: 2018-12-07
在前面HTML中自訂右鍵菜單功能一文中,已經完成滑鼠右鍵菜單功能。其中,“增加一行”,“刪除一行”功能表項目還沒有給出單擊後的功能。那麼,JavaScript怎樣實現這一項功能呢?在這裡,用到的參數及html對象不跟前面HTML中自訂右鍵菜單功能一文中相匹配,而是另起爐灶,僅做一個小測試。 整理思路:1. 在首頁面上定義button1作為“增加一行”的觸發器,使用button1的onclick事件2.
Time of Update: 2018-12-07
怎樣擷取預定義的table的行號和列號呢?很簡單,只需要瞭解 table 的幾個屬性值用法即可。Table的總行數可以通過標記“tr” 得到,但是table的列數卻不能直接擷取,它需要藉助 rows 通過標記“th” 和“td”得到。為了更直觀,下面以樣本來說明如何得到行號和列號。點擊 Id 為 'MyTable' 的表格的任意單元時,返回該單元的行號和列號!範例程式碼如下: function getRowAndColumn() { if (!
Time of Update: 2018-12-07
Table對象集合Table對象:表示HTML文檔中的表,對於文檔中每個<table>標記,瀏覽器都建立一個Table對象. 集合 描述 cells[]擷取包含表格中所有儲存格的數組rows[]擷取包含表格中所有行的數組tBodies[]擷取包含表格中所有tbody的數組 Table對象屬性
Time of Update: 2018-12-07
JavaScript有許多小竅門來使編程更加容易。其中之一就是eval()函數,這個函數可以把一個字串當作一個JavaScript運算式一樣去執行它。 舉個小例子: var the_unevaled_answer = "2 + 3"; var the_evaled_answer = eval("2 + 3"); alert("the un-evaled answer is " + the_unevaled_answer + " and the
Time of Update: 2018-12-07
The calendar on this site only appears on pages that show blog-related information. That calendar is enhanced with Javascript allowing you to change the month displayed by the calendar without reloading the rest of the page. So, in order to ensure
Time of Update: 2018-12-07
在實際的編程中,有時我們需要在父表單訪問子表單的方法或對子表單進行訪問、操作,又或者我們在子表單內對父表單進行訪問或調用方法,實現很簡單。見以下樣本: " id="Code_Closed_Image_105656" style="display: none;">" id="Code_Open_Image_105656">CodeCode highlighting produced by Actipro CodeHighlighter
Time of Update: 2018-12-07
<script type="text/javascript"><!--var str = '<ok>,-';// 用Hash儲存進行正則替換String.prototype.multiReplace = function(hash){ var str = this, key; for(key in hash){ if(Object.prototype.hasOwnProperty.call(hash, key)){ s
Time of Update: 2018-12-07
function parseURL(url) { var a = document.createElement('a'); a.href = url; return { source: url, protocol: a.protocol.replace(':',''), host: a.hostname, port: a.port, query: a.search, params:
Time of Update: 2018-12-07
關於javascript全域變數的問題,如下,一個頁面,兩段script,第二段中到了全域變數map, 開始時在第二段一直說找不到map. <script type="text/javascript"> $(document).ready(function () {var map =new BMap.Map("container"); // 建立地圖執行個體 var point =new BMap.Point(116.404, 39.915); /