Time of Update: 2017-01-19
JavaScript中的另一個機制:cookie,則可以達到真正全域變數的要求。 cookie是瀏覽器 提供的一種機制,它將document 對象的cookie屬性提供給JavaScript。可以由JavaScript對其進行控制,而並不是JavaScript本身的性質。cookie概述 在上一節,曾經利用一個不變的架構來儲存購物欄資料,而商品顯示頁面是不斷變化的, 儘管這樣能達到一個類比
Time of Update: 2017-01-19
本文執行個體講述了javascript實現設定、擷取和刪除Cookie的方法。分享給大家供大家參考。具體實現方法如下:/* *設定Cookie * * name:cookie所對應的鍵 * value:cookie所對應的值 * expires:cookie所對應的有效時間 * path:指定可訪問cookie的路徑 * domain:指定可訪問cookie的主機名稱 * secure:安全性 */ function setCookie (name,value,expires,
Time of Update: 2017-01-19
本文執行個體講述了javascript判斷並擷取註冊表中可信任網站的方法。分享給大家供大家參考。具體分析如下:判斷可信任網站,首先要在註冊表中找到可信任網站在註冊表中的位置,如下:(1)網域名稱作為可信任網站在註冊表中的位置: HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\InternetSettings\\ZoneMap\\Domains\\(2)IP作為可信任網站在註冊表中的位置: HKCU\\Software\\
Time of Update: 2017-01-19
JavaScript中isPrototypeOf函數方法是返回一個布爾值,指出對象是否存在於另一個對象的原型鏈中。使用方法:複製代碼 代碼如下:object1.isPrototypeOf(object2)其中object1為必選項,一個對象的執行個體。object2為必選項,另一個對象,將要檢查其原型鏈。如果 object2 的 原型鏈中包含object1,那麼JavaScript中isPrototypeOf函數方法返回 true。原型鏈可以用來在同一個物件類型的不同執行個體之間共用功能。如果
Time of Update: 2017-01-19
本文執行個體講述了JavaScript使用addEventListener添加事件監聽用法。分享給大家供大家參考。具體實現方法如下:<!DOCTYPE html><html lang="en"><head> <title>This text is the title of the document</title> <script> function showalert(){ alert('you clicked me!
Time of Update: 2017-01-19
本文執行個體講述了JavaScript使用位元運算符判斷奇數和偶數的方法。分享給大家供大家參考。具體實現方法如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2017-01-19
本文執行個體講述了JavaScript實現的簡單拖拽效果。分享給大家供大家參考。具體實現方法如下:<!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
Time of Update: 2017-01-19
本文執行個體講述了Javascript實現div層漸隱效果的方法。分享給大家供大家參考。具體實現方法如下:<!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
Time of Update: 2017-01-19
1. input 只能輸入整數數字和字母$(document).on('keyup','#no',function(){ var val = $.trim($(this).val()); if(val == null || val == '') return; $(this).val(val.replace(/[^0-9a-z]+/ig,'')); // 只能輸入整數數字和字母});用 baidu 出來的很多其它實現方式的都是有問題的。它們不能夠精確的表示“只能輸入數字和字母”
Time of Update: 2017-01-19
/* * MAP對象,實現MAP功能 * * 介面: * size() 擷取MAP元素個數 * isEmpty() 判斷MAP是否為空白 * clear() 刪除MAP所有元素 * put(key, value)&
Time of Update: 2017-01-19
JS 存在變數提升,這個的設計其實是低劣的,或者是語言實現時的一個副作用。它允許變數不聲明就可以訪問,或聲明在後使用在前。新手對於此則很迷惑,甚至許多使用JS多年老手也比較迷惑。但在 ES6 加入 let/const 後,變數Hoisting 就不存在了。一、 變數未聲明,直接使用function test() { alert(notDefined);}test(); // ?報錯是自然的二. 變數聲明在末尾function test() {
Time of Update: 2017-01-19
javascript中一些util方法匯總/***************原生對象工類方法****************//** * 判斷非空 * @param obj * @returns {boolean} */function isEmpty(obj) { if (obj == undefined || obj == null || new String(obj).trim() == '') { return true; } else { return false; }
Time of Update: 2017-01-19
由於項目的需要,測試中需要對網頁元素進行截圖,以確保它看上去沒有問題。之前我寫過一篇文章介紹過一種方法,先使用 WebDriver 進行全屏截圖,然後根據目標元素(DOM Element)所在的位置,再對截下來的圖片進行剪裁,保留我們需要的位置即可。那段代碼一直都工作得很好,直到我知道了一個東西:iframe。iframe(普通的 frame 也是一樣的,不過 frame 現在不太常見,這裡只用 iframe 舉例)中的內容被視為一個獨立的網頁,連 Window
Time of Update: 2017-01-19
有時候需要把網頁強制切換成HTTPS,即使使用者已經訪問了HTTP的版本。原因可能是你不想讓使用者使用HTTP來訪問,因為它不安全。要做到這個很簡單,如果不想用PHP或者Apache的mod_rewrite來做這件事,用Javascript也可以。代碼如下:<script type="text/javascript">var targetProtocol = "https:";if (window.location.protocol != targetProtocol)
Time of Update: 2017-01-19
一、是否存在指定函數 複製代碼 代碼如下:function isExitsFunction(funcName) { try { if (typeof(eval(funcName)) == "function") { return
Time of Update: 2017-01-19
在操作字串(String)類型的時候,startsWith(anotherString)和endsWith(anotherString)是非常好用的方法。其中startsWith判斷當前字串是否以anotherString作為開頭,而endsWith則是判斷是否作為結尾。舉例:"abcd".startsWith("ab"); // true"abcd".startsWith("bc"); // false"abcd".endsWith("cd"); //
Time of Update: 2017-01-19
發現了一個巧妙的實現: 需要檢查一個對象(Object)是否為空白,即不包含任何元素。Javascript 中的對象就是一個字典,其中包含了一系列的索引值對(Key Value Pair)。檢查一個對象是否為空白,等價於檢查對象中有沒有索引值對。寫成代碼,形如:if (isEmptyObject(obj)) { // obj is empty} else { // not empty} 至於 isEmptyObject 的實現,jQuery
Time of Update: 2017-01-19
js事件綁定事件綁定,這裡使用了冒泡的原理,從點擊的元素開始,遞迴方式的向父元素傳播事件,這樣做的好處是對於大量要處理的元素,不必為每個元素都綁定事件,只需要在他們的父元素上綁定一次即可,提高效能。還有一個好處就是可以處理動態插入dom中的元素,直接綁定的方式是不行的。之前一直使用的是jquery的on方法做這樣的事情,前幾天看到公司項目中有實現這種方式的原始碼,拿來仔細研究研究,跟大家分享分享。function $bindAction(dom, event, listeners) {
Time of Update: 2017-01-19
變數轉換var myVar = "3.14159",str = ""+ myVar,// to stringint = ~~myVar, // to integerfloat = 1*myVar, // to floatbool = !!myVar, /* to boolean - any string with lengthand any number except 0 are true */array = [myVar]; // to
Time of Update: 2017-01-19
今天,小學生以自己淺薄的見地,在前輩大能的基礎上寫這篇文章,希望給大家開啟一扇窺探JavaScript(以下簡稱JS)動畫的窗戶。JS如何製造齣動畫效果? 結合瀏覽器提供的 setInterval 或 setTimeout API,高頻改變DOM元素的一些屬性,即可創造一個肉眼可見的動畫效果。一個看起來非常流暢的JS動畫除了需要良好的變換演算法外,與其執行宿主也是非不開的。程式寫得再好,如果瀏覽器過於老舊,電腦CPU效能低下,也會出現卡頓,甚至卡死。 執行一個動畫函數對於瀏覽器來說是個苦差,