Time of Update: 2017-01-19
說明: 以下函數中前兩個函數取出尋找字串的前一部分和後一部分,以用於其他函數。注意,調用一次 replaceString(mainStr,searchStr,replaceStr) 函數,只能將字串 mainStr 中最先找到的一個 searchStr 字串替換為 replaceStr 字串,並不能將字串 mainStr 中所有的 searchStr 字串替換為 replaceStr 字串,如果需要替換全部,則需要使用迴圈。 函數源碼: [code//提取尋找字串前面所有的字元
Time of Update: 2017-01-19
有時候我們想用js寫一段小程式,但是又覺得使用瀏覽器去運行挺麻煩的,那麼現在我們來看一下如何使用java程式調用javascript程式,這樣就可以不藉助瀏覽器就可執行js代碼了。
Time of Update: 2017-01-19
遞迴與迴圈 對於不同類型的需要重複計算的問題,迴圈和遞迴兩種方法各有所長,能給出更直觀簡單的方案。另一方面,迴圈和遞迴的方法可以互相轉換。任何一個迴圈的代碼都可以用遞迴改寫,實現相同的功能;反之亦然。在不失去其普遍性的前提下,可以把迴圈和遞迴分別用下列虛擬碼概括。 虛擬碼格式說明:迴圈採用while形式;變數不加定義;賦值用:=;條件運算式和執行的語句都寫成函數的形式,圓括弧內寫上相關的值。其他文法方面,盡量接近Javascript的規範。 複製代碼 代碼如下: //pseudo code
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JAVASCRIPT彈出層</title>
Time of Update: 2017-01-19
Js 跟隨滾動效果外掛程式支援定義多個跟隨ID,採用css fixed屬性,不支援ie6,相容其他主流瀏覽器。支援定義滾動到底部的最小高度,不會覆蓋底部頁面大小resize後,外掛程式會自動重設參數=======Js 跟隨滾動效果外掛程式1.支援定義多個跟隨ID,採用css fixed屬性,不支援ie6,相容其他主流瀏覽器。2.支援定義滾動到底部的最小高度,不會覆蓋底部3.頁面大小resize後,外掛程式會自動重設參數=======使用方法 代碼如下 複製代碼
Time of Update: 2017-01-19
在使用一些 Javascript 架構時,或許會看到類似的代碼複製代碼 代碼如下: var MyClass = new Class({ initialize: function(param, ...) { this.param = param; ... }, func1: function(...) { ... } }); var myObj = new
Time of Update: 2017-01-19
先建一個頁面如下:這裡有兩個表,上面一個有資料,下面一個沒有資料,只有一個表頭! 複製代碼 代碼如下: <body> <form id="form1" runat="server"> <div> <table border='1px' width="500px"
Time of Update: 2017-01-19
自己寫了個簡單的HTML5 Canvas的圖表庫,可以支援餅圖,折線圖,散佈圖,盒子圖 柱狀圖,同時支援滑鼠提示,繪製過程動畫效果等。最終我想把這些多個JS檔案變成 一個JS檔案發布出去,於是我的問題來啦,怎麼把這些JS檔案搞成一個啊,群裡有個 朋友告訴我,GruntJS – JavaScript多檔案編譯,風格檢查,連結與壓縮神器。Google了一 把終於幫我完成這個任務,算是入門,分享一下過程。 一什麼是GruntJS
Time of Update: 2017-01-19
雖然 JavaScript 天生就是一副隨隨便便的樣子,但是隨著瀏覽器能夠完成的事情越來越多,這門語言也也越來越經常地擺出正襟危坐的架勢。在複雜的邏輯下, JavaScript 需要被模組化,模組需要封裝起來,只留下供外界調用的介面。閉包是 JavaScript 中實現模組封裝的關鍵,也是很多初學者難以理解的要點。最初,我也陷入迷惑之中。現在,我自信對這個概念已經有了比較深入的理解。為了便於理解,文中試圖封裝一個比較簡單的對象。我們試圖在頁面上維護一個計數器對象 ticker
Time of Update: 2017-01-19
其實原理是很簡單的,主要是使用了一個計時器函數,下面我為大家示範一個簡單的動畫的製作過程,通過有關的介紹,大家可以舉一反三,做出更多很炫的動畫效果。 這個執行個體的效果是點擊網頁上的“開始移動”按鈕,則其中的指定圖層就會從左至右移動,在這個過程中你點擊“停止移動”按鈕就會停止移動。複製代碼 代碼如下: <html> <head> <title>JavaScript Motion Sample</title> <script
Time of Update: 2017-01-19
複製代碼 代碼如下:<html> <head> <title>JavaScript實現頁面即時顯示目前時間</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,month,date; var strDate ; today=new Date();
Time of Update: 2017-01-19
在看LABjs原始碼時,發現裡面有個將相對位址轉為絕對位址的函數,將其拿出紀錄如下: 複製代碼 代碼如下: function canonical_uri(src, base_path) { var root_page = /^[^?#]*\//.exec(location.href)[0], root_domain = /^\w+\:\/\/\/?[^\/]+/.exec(root_page)[0], absolute_regex = /^\w+\:\/\//; // is `src` is
Time of Update: 2017-01-19
複製代碼 代碼如下:<html><head><title>判斷是否為數字及空格</title><script type="text/javascript" src="jquery.min.js"></script> //這裡有無也無所謂<script type="text/javascript">function check_num() //建立函數{ var
Time of Update: 2017-01-19
這兩天在做Web前端時,遇到需求通過js實現文本複製的功能。 先不考慮瀏覽器的相容性,看看各瀏覽器對複製功能的支援情況: 1、IE瀏覽器,解決方案有三種,代碼如下: 複製代碼 代碼如下: function copy(txtid){ var txtObj = document.getElementById(txtid); if(window.clipboardData){ // 僅IE支援此對象,firefox、chrome不支援 //1、通過clipboardData對象實現複製
Time of Update: 2017-01-19
這隻是一個簡單的JAVAscript和HTML5小程式,沒有實現人機對戰。 五子棋棋盤落子點對應的二維數組。數組的元素對應落子點。比如數組元素值為0表示該元素對應的落子點沒有棋子,數組元素值為1表示該元素對應的落子點有白棋子,數組元素值為2表示該元素對應的落子點有黑棋子; 判斷五子棋贏棋的演算法是通過對五子棋棋盤落子點對應的二維數組的操作來實現的。 判斷五子棋贏棋演算法 下邊的函數可以實現判斷五子棋贏棋的演算法,也可以按照教材中相應的演算法實現。
Time of Update: 2017-01-19
使用它你可以輕鬆實作類別似Google、百度地圖的拖動效果,對於要展示大圖時使用SpryMap是再好不過的了。SpryMap的定製性也很高,通過參數可以設定圖片的起始位置、CSS樣式等等。除此之外,你也可以設定是否使用平滑的拖動效果。 如何使用 首先在head中載入SpryMap的指令檔複製代碼 代碼如下:<script type="text/javascript"
Time of Update: 2017-01-19
註冊的時候需要發送驗證啟用帳號的郵件,為了避免郵件的多次重複發送,所以可以在點擊了發送後,設定button要過一段時間才能繼續點擊。下面是一個簡單的例子: 複製代碼 代碼如下: <html> <head> <title>點擊擷取驗證碼按鈕後按鈕變灰,倒計時一段時間後又可重複點擊</title> </head> <body> <input type="button" id="btn" value="免費擷取驗證碼" /&
Time of Update: 2017-01-19
JS裡設定延時: 使用SetInterval和設定延時函數setTimeout 很類似。setTimeout 運用在延遲一段時間,再進行某項操作。 setTimeout("function",time) 設定一個逾時對象 setInterval("function",time) 設定一個逾時對象 SetInterval為自動重複,setTimeout不會重複。 clearTimeout(對象) 清除已設定的setTimeout對象 clearInterval(對象)
Time of Update: 2017-01-19
近日碰到一個問題,就是需要將使用者點擊下拉式清單當中某個選項後,將其所選的內容儲存起來,例如下面的HTML代碼: 複製代碼 代碼如下: <select onchange="isSelected(this.value);" id="city"> <option value="1">北京</option> <option value="2" >上海</option> <option value="2"
Time of Update: 2017-01-19
本文討論的方法本人並沒有在實際項目中應用過,因為我還沒有遇到有這樣需要的項目,但實驗發現可行。 一、我的想法來源