Time of Update: 2017-01-13
對window.open進行封裝, 使其更好用, 且更相容, 很多人說window.open不相容,其實不是, 因為不能直接執行, 必須通過使用者手動觸發才行;看代碼: 代碼如下複製代碼 var openWindow = function(url, options) { var str = ""; if (options) {
Time of Update: 2017-01-13
JavaScript 可用來在資料被送往伺服器前對 HTML 表單中的這些輸入資料進行驗證。被 JavaScript 驗證的這些典型的表單資料有:•使用者是否已填寫表單中的必填項目?•使用者輸入的郵件地址是否合法?•使用者是否已輸入合法的日期?•使用者是否在資料域 (numeric field) 中輸入了文本?下面是連同 HTML 表單的完整代碼: 代碼如下複製代碼 <html><head><script
Time of Update: 2017-01-13
這種文章以前我有寫過,就是點擊彈出新視窗再在新視窗做操作,然後再把值利用js parent.iframe.formname.inputname.value這樣就現實新頁面傳值了。下面我們總結了幾個常用的方法 。方法一、首頁面開啟新視窗js 事件:function showmodelwindow() { var itop = (window.screen.height - 600) / 2;
Time of Update: 2017-01-18
本文介紹的方法,觸發條件獨立,可以全選或取消全選指定 name 的 CheckBox , 同一頁面可以有多組供全選的 CheckBox ,功能健全,通用性較強。 效果圖:運行查看效果: 字母全選開關 a b c d e f g 數字全選開關 1 2 3 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]js函數 複製代碼 代碼如下: <script type="text/javascript"> function
Time of Update: 2017-01-19
非行間樣式案例#div1 { width: 200px; height: 200px; background: red;}IE擷取非行間樣式var oDiv = document.getElementById('div1'); oDiv.currentStyle.width;Chrome/FF擷取非行間樣式var oDiv =
Time of Update: 2017-01-19
Javascript 兩個表單之間傳值實現代碼javascript中還有一個函數window.showModalDialog也可以開啟一個新表單,不過他開啟的是一個模態視窗,那麼如何在父表單和子表單之間傳值呢?我們先看該函數的定義:vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) 參數說明: sURL--必選參數,類型:字串。用來指定對話方塊要顯示的文檔的URL。
Time of Update: 2017-01-19
複製代碼 代碼如下:/* 用途:校正ip地址的格式 輸入:strIP:ip地址 返回:如果通過驗證返回true,否則返回false; */ function isIP(strIP) { if (isNull(strIP)) return false; var re = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的Regex if (re.test(strIP)) { if (RegExp.$1 < 256 && RegExp.$2 < 256 &
Time of Update: 2015-06-11
標籤:kettle pentaho javascript步驟 字元替換 Regex KETTLE使用javascript步驟過濾特殊字元 使用kettle在抽取大量excel資料時,總是遇到excel中有一些特殊字元,導致ExecuteSQL
Time of Update: 2015-04-09
標籤:javascript 字串切割 javascript字串切割split在javascript中字串切割用的最常用的方法就是split()這個函數了。這個函數會返回一個切割之後的數組。 舉例:var str = "hello world";var arr = str.split(" "); //用空格切割字串。alert( arr[0] ); // 輸出 helloalert( arr[1] ); //輸出
Time of Update: 2016-12-29
【Web動畫】SVG 實現複雜線條動畫,web動畫svg線條在上一篇文章中,我們初步實現了一些利用基本圖形就能完成的線條動畫:【Web動畫】SVG 線條動畫入門當然,事物都是朝著熵增焓減的方向發展的,複雜線條也肯定比有序線條要多。很多時候,我們無法人工去畫出一些十分複雜動畫的線條,這個時候,就要藉助前端好幫手 PS 和 AI,而本文就是介紹如何匯出複雜的 SVG 路徑。:好了,假定我們現在要製作 GIF 這樣的一個 loading 圖:上面這個 SVG
Time of Update: 2016-11-22
使用Node.js給圖片加浮水印的方法,node.js浮水印一、準備工作:首先,確保你本地已經安裝好了node環境。然後,我們進行影像編輯操作需要用到一個Node.js的庫:images。這個庫的地址是:https://github.com/zhangyuanwei/node-images,作者定義它為 “Node.js輕量級跨平台映像編解碼庫” ,並提供了一系列介面。我們要做的首先是安裝images庫:npm install
Time of Update: 2016-11-18
點擊超連結 喚醒企鵝添加好友代碼,超連結企鵝<a href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=你的qq號"><span
Time of Update: 2016-10-19
學用純CSS打造可摺疊樹狀菜單,css打造可摺疊樹狀隨著CSS3的發布,國外研究正如火如荼,但在國內還有很多人抱著IE不支援CSS3的想法,始終無動於衷不肯去學習。但是曆史告訴我們,好的東西必將盛行,CSS3也終將也會替代CSS2,下面就和大家分享一個用CSS3打造的可摺疊樹狀菜單。樹狀菜單相信大家都不會陌生,我們一般用css+JS
Time of Update: 2016-04-23
javascript html5搖一搖功能的實現,javascripthtml5通過網上的資料,加上自己的整理,寫了一份html搖一搖功能的簡介,用做技術備份。知識要點 1、DeviceMotionEvent 這是html5支援的重力感應事件,關於文檔請看:http://w3c.github.io/deviceorientation/spec-source-orientation.html事件介紹:deviceorientation
Time of Update: 2014-12-14
js QQ客服懸浮效果實現代碼,js客服代碼:<!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><meta http-equiv="Content-Type"
Time of Update: 2014-11-10
一款純css3實現的數字統計遊戲,一款css3實現統計今天給大家分享一款純css3實現的數字統計遊戲。這款遊戲的規則的是將所有的數字相加等於72。這款遊戲的數字按鈕做得很美觀,需要的時候可以借用下。一起看下:線上預覽 源碼下載實現的代碼。html代碼: <h1> CSS Counter Game</h1> <section> <h2> Pick the
Time of Update: 2014-09-19
JS實現OCX控制項的事件響應樣本 JS支援OCX控制項的事件(event),當OCX控制項定義的事件發生時,JS可以捕獲該事件並對事件進行相應的處理。個人理解,其實就是事件的響應由誰來完成,OCX控制項自身肯定是可以實現的,JS提供的這種機制使JS也可以完成OCX控制項事件的響應。簡單舉例如下:首先在OCX控制項中添加自訂事件(預定義事件同理,如滑鼠點擊等,沒親自試,感覺原理應該是一樣的),事件應該是屬於視窗的,所以在Ctrl類上單擊右鍵,Add->Add
Time of Update: 2014-09-02
如何判斷內建瀏覽器(通過User Agent實現),useragent在進行公眾帳號開發的時候,其中很大一塊是微網站的開發,我們需要知道當前的瀏覽器是內建的瀏覽器,那麼如何判斷呢?內建瀏覽器的 User Agent如何判斷內建瀏覽器,首先需要擷取內建瀏覽器的User Agent,經過在 iPhone 上的瀏覽器的檢測,它的 User Agent 是:Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26
Time of Update: 2014-08-31
通過js為元素添加多項樣式,瀏覽器全相容寫法,js全相容js給元素添加多項樣式,瀏覽器全相容樣本寫法:<a href="javascript:;" id="test" style="font-size:25px;background:#080;">測試3</a><script>var obj=document.getElementById("test");var
Time of Update: 2014-08-12
js 判斷 當頁面無法回退時(history.go(-1)),關閉網頁在做一個Web項目時遇到一個需求,當頁面沒有前驅記錄時(就是當前為新彈出的頁面,沒法做goback操作即history.go(-1)),點擊返回按鈕時直接關閉頁面,否則就退回到前一頁。遇到的問題就是如何判斷 是否有history可以回退,這個非常麻煩,因為沒有這樣的函數直接能擷取到,只能通過history.length這個變數做變通的處理,但是對於IE,和非IE的length的返回值不同,ie: history.