Time of Update: 2017-01-18
JavaScript 中的 RegExp 對象用於Regex相關的操作,這個對象提供了一個方法 test 來判定某個字串是否滿足某個 pattern. 傳回值是 true/false. 今天我碰到了一個問題: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]這裡兩個測試的字串應該都滿足Regex中的模式,返回 true. 可是測試結果卻依次是:true, false.
Time of Update: 2017-01-19
這種方法會導致字串顯示為下標,就好像它是在<sub>標記。文法string.sub( )下面是參數的詳細資料: NA傳回值: 返回字串<sub>標記例子:<html><head><title>JavaScript String sub() Method</title></head><body><script
Time of Update: 2017-01-19
這種方法會導致一個字串顯示為突出的文字,就好像它是顯示在<strike>標籤。文法string.strike( )下面是參數的詳細資料: NA傳回值: 返回字串帶有<strike>標籤。例子:<html><head><title>JavaScript String strike()
Time of Update: 2017-01-19
此方法導致要顯示在一個小的字型,就好像它是在一個<small>標記的字串。文法string.small( )下面是參數的詳細資料: NA傳回值: 返回字串<small>標籤例子:<html><head><title>JavaScript String small()
Time of Update: 2017-01-18
層的開發在實際應用中比較重要,比如漂浮廣告等等,我這裡簡單探討一下。 1. 控制層的顯示或隱藏 兩種辦法,其實都是控制樣式的。 辦法一:控制 display 屬性 <script language="javascript"> function show(status) {
Time of Update: 2017-01-18
Untitled Document 雲棲社區 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]在頁面中加上這串代碼就行了,同時還有搜尋功能。示範效果就請看本BLOG頁面上用滑鼠劃選文字的效果。PS:由於在中文支援,和編碼問題我們給出參數參考q="+encodeURI(str)+" 這段,大家可以根據需要加escape或encode或不加任何東西
Time of Update: 2017-01-18
概述 函數是進行模組化程式設計的基礎,編寫複雜的Ajax應用程式,必須對函數有更深入的瞭解。JavaScript中的函數不同於其他的語言,每個函數都是作為一個對象被維護和啟動並執行。通過函數對象的性質,可以很方便的將一個函數賦值給一個變數或者將函數作為參數傳遞。在繼續講述之前,先看一下函數的使用文法: function func1(…){…} var func2=function(…){…}; var func3=function func4(…){…};
Time of Update: 2017-01-18
1、關於javascript的apply和call函數 prototype.js中用了大量的apply和call函數,不注意會造成理解偏差。 官方解釋:應用某一對象的一個方法,用另一個對象替換當前對象。 apply與call的區別是第二個參數不同。apply是 數組或者arguments 對象。而call是逗號隔開的任何類型。 apply,call方法最讓人混淆的地方也是apply,call的特色。但最好不要濫用。
Time of Update: 2017-01-18
看了一天的XML資料,感覺CSDN上這篇講的挺細緻的。即有Dot Net寫入XML檔案的樣本,又有JS讀取的樣本,值得一看。(Source:http://blog.csdn.net/flypigluo) 一.本筆記使用的Xml檔案 二.IXMLDOMDocument/DOMDocument簡介 2.1 屬性 2.1.1 parseError 2.1.2 async. 2.1
Time of Update: 2017-01-18
複製代碼 代碼如下:<html> <head> <title>javascript讀取RSS資料</title> <META content="text/html; charset=utf-8" http-equiv=Content-Type /> </head> &
Time of Update: 2017-01-18
有時候,我們可能需要象新版的Yahoo郵箱一樣,讓一些資料顯示塊可以根據頁面大小進行自適應。事實並不難,但是如果單純用CSS控制的話,往往不能完全實現我們要的效果,這時候需要藉助javascript,Javascript可以讓我我們實現司空見怪的自適應頁面,在iSunXoft的HR開源項目就應用到. 實現原理:
Time of Update: 2017-01-19
比如現在有一個操作 是 A->B->C->B 在B頁面的返回鍵 第一次返回的是C 如果想直接返回A或者其他地方 則需要觸發返回事件 pushHistory(); window.addEventListener("popstate", function(e) { //alert("我監聽到了瀏覽器的返回按鈕事件啦");//根據自己的需求實現自己的功能 window.location = 'http://www.baidu.com'; },
Time of Update: 2017-01-19
一、效果展示普通的三個div滑鼠拖動選中效果選中所有的div這樣貌似看不出效果,沒關係,我們有神奇的gif動畫,來一個整體的動畫效果感受下。二、代碼實現整個代碼其實也不難,需要用到一個博主自己封裝的js檔案。AreaSelect.js考慮到代碼量有點大,並且知乎沒有程式碼摺疊功能功能,所以這裡就留一個檔案名稱。等博主抽時間將它開源到github上面去,當然,有需要的朋友也可以直接聯絡博主,博主免費提供!引入這個js後,還需要引用jquery和jquery UI相關檔案。<script
Time of Update: 2017-01-19
html5的webAPI介面可以很輕鬆的使用短短的幾行代碼就實現點擊按鈕複製地區文本的功能,不需要依賴flash。代碼如下:/* 建立range對象 */const range = document.createRange();range.selectNode(element); // 設定range包含的節點對象 /* 視窗的selection對象,表示使用者選擇的文本 */const selection =
Time of Update: 2017-01-19
小狗收藏貼 轉換 僅拼音 排序 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
JavaScript實現圖片切換,主要用到setInterval()函數和clearInterval()函數,前者功能是開啟動畫,後者功能則為清除動畫(可理解為使動畫停止),為了使動畫停止,則需要定義全域變數作為標誌,標誌返回setInterval()函數的id,id作為clearInterval()函數的引用,目的是為了告訴clearInterval()函數動畫暫停位置。下面是實現的代碼:部分HTML代碼:第一個為左按鈕,是一張帶箭頭的透明圖片,點擊實現圖片右滑動,第二個為圖片展示地區,第三個
Time of Update: 2017-01-19
懶載入的意義(為什麼要使用懶載入)對頁面載入速度影響最大的就是圖片,一張普通的圖片可以達到幾M的大小,而代碼也許就只有幾十KB。當頁面圖片很多時,頁面的載入速度緩慢,幾S鐘內頁面沒有載入完成,也許會失去很多的使用者。所以,對於圖片過多的頁面,為了加速頁面載入速度,所以很多時候我們需要將頁面內未出現在可視地區內的圖片先不做載入, 等到滾動到可視地區後再去載入。這樣子對於頁面載入效能上會有很大的提升,也提高了使用者體驗。原理將頁面中的img標籤src指向一張小圖片或者src為空白,然後定義data-
Time of Update: 2017-01-19
自動匹配技術:簡單的來說就是“根據使用者輸入的資訊來提示一些相似項供使用者選擇”。具有很廣泛的應用,比如我們最常用的百度,當輸入一些搜尋內容後會自動匹配很多相關資訊;再比如我們最常用的IME,都是使用這種技術,當然這些都比較難了。下面這個例子是比較簡單的我們常用郵箱的匹配。代碼如下:1.css代碼 #match_email { margin-left:48px; overflow:auto; display:none; width:200px; border:
Time of Update: 2017-01-19
Javascript 判斷兩個IP是否在同一網段以下指令碼不做IP格式的判斷,只判斷兩個IP是否在同一網段。例子,Javascript判斷兩個IP是否在同一網段。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> IP段資訊檢測_www.manongjc.com </TITLE> <script
Time of Update: 2017-01-19
大家都見過某網頁中的惡意廣告,你關閉了又出來了!為何,JS來告訴你HTML<body> <h3 class="whiteColor">無法關閉的彈框,打不死的小強!</h3> <div id="middleBox"> <a href="javascript:;" class="close_btn" id="closeBtn"><img src="images/close_icon.png" alt=""