Time of Update: 2017-01-19
在iframe與父視窗或者與子視窗傳遞資料是一個麻煩的事情,如果我們能夠寫一個一勞永逸的介面那就再方便不過了,下面就來簡答介紹一下如何?此功能。原理就是將資料緩衝早window.top這個視窗,這樣無論子視窗父視窗的層次如何變化,資料總是存在不會變化的。代碼如下:var share={ data:function(name,value){ var top=window.top, cache=top['_CACHE']||{}; top['_CACHE']=cache; return value&
Time of Update: 2017-01-19
本文執行個體講解了javascript實現簡單的全選和反選功能的詳細代碼,分享給大家供大家參考,具體內容如下效果圖:具體代碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>全選反選</title></head><body> <input type="button" value="全選"
Time of Update: 2017-01-19
前言在這篇文章裡,我們將討論跟執行內容直接相關的更多細節。討論的主題就是this關鍵字。實踐證明,這個主題很難,在不同執行內容中this的確定經常會發生問題。許多程式員習慣的認為,在程式語言中,this關鍵字與物件導向程式開發緊密相關,其完全指向由構造器新建立的對象。在ECMAScript規範中也是這樣實現的,但正如我們將看到那樣,在ECMAScript中,this並不限於只用來指向新建立的對象。英文翻譯: Dmitry A. Soshnikov在Stoyan Stefanov的協助下發布: 2
Time of Update: 2017-01-19
方法一:// 禁用右鍵菜單、複製、選擇$(document).bind("contextmenu copy selectstart", function() { return false;});方法二:// 禁用Ctrl+C和Ctrl+V(所有瀏覽器均支援)$(document).keydown(function(e) { if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { return false; }});方法三://
Time of Update: 2017-01-19
javascript中聲明函數的方法有兩種:函式宣告式和函數運算式.區別如下:1).以函式宣告的方法定義的函數,函數名是必須的,而函數運算式的函數名是可選的.2).以函式宣告的方法定義的函數,函數可以在函式宣告之前調用,而函數運算式的函數只能在聲明之後調用.3).以函式宣告的方法定義的函數並不是真正的聲明,它們僅僅可以出現在全域中,或者嵌套在其他的函數中,但是它們不能出現在迴圈,條件或者try/catch/finally中,而
Time of Update: 2017-01-19
廢話不多說了,直接給大家貼js代碼了。具體代碼如下所示:function Location(){};Location.prototype.getLocation = function(callback){ var options = { enableHighAccuracy: true, maximumAge: 1000 }; this.callback = Object.prototype.toString.call(callback) =="[object
Time of Update: 2017-01-19
本文介紹了select和sugget結合起來使用的例子,支援下拉的直接選擇,也支援在下拉內容中輸入過濾。整體效果就是下面這樣的: 1、首先需要引入如下檔案 <link href="select2.min.css" rel="stylesheet" /> <script type="text/javascript" src="jquery-2.1.4.min.js"></script> <script type="text/javascript"
Time of Update: 2017-01-19
神馬是閉包關於閉包的概念,是婆說婆有理。閉包是指有權訪問另外一個函數範圍中的變數的函數這概念有點繞,拆分一下。從概念上說,閉包有兩個特點: 1、函數 2、能訪問另外一個函數範圍中的變數 在ES 6之前,Javascript只有函數範圍的概念,沒有塊級範圍(但catch捕獲的異常 只能在catch塊中訪問)的概念(IIFE可以建立局部範圍)。每個函數範圍都是封閉的,即外部是訪問不到函數範圍中的變數。function getName() { var name = "美女的名字";
Time of Update: 2017-01-19
1、使用 typeof bar === "object" 判斷 bar 是不是一個對象有神馬潛在的弊端?如何避免這種弊端?使用 typeof 的弊端是顯而易見的(這種弊端同使用 instanceof):let obj = {};let arr = [];console.log(typeof obj === 'object'); //trueconsole.log(typeof arr === 'object'); //trueconsole.log(typeof null ===
Time of Update: 2017-01-19
現在很多時候大家付款的情境都是在手機上面,而隨著H5頁面的開發變得越來越方便,很多情境也從用戶端搬到了瀏覽器中,其中支付這個情境就很自然的被放在了瀏覽器中。那麼這樣的輸入框大家一定不會陌生吧:那麼今天我就用JavaScript代碼來實現這個效果吧,那麼首先介紹一下整個的思路,首先我們先將確定輸入密碼的位元,我的需求是5位,那麼就用一個div標籤包住5個input標籤。並且給這個5個input設定display: inline-block 屬性,同時用<!-
Time of Update: 2017-01-19
Object.create() 是什嗎?Object.create(proto [, propertiesObject ]) 是E5中提出的一種新的對象建立方式,第一個參數是要繼承的原型,如果不是一個子函數,可以傳一個null,第二個參數是對象的屬性描述符,這個參數是可選的。例如: function Car (desc) { this.desc = desc; this.color = "red";} Car.prototype = { getInfo: function() {
Time of Update: 2017-01-19
JavaScript的資料類型分為六種,分別為null,undefined,boolean,string,number,object。object是參考型別,其它的五種是基本類型或者是原始類型。我們可以用typeof方法列印來某個是屬於哪個類型的。不同類型的變數比較要先轉類型,叫做類型轉換,類型轉換也叫隱式轉換。隱式轉換通常發生在運算子加減乘除,等於,還有小於,大於等。。typeof '11' //string typeof(11) //number'11' < 4
Time of Update: 2017-01-19
本文執行個體講解了原生JavaScript實現瀑布流布局詳細代碼,分享給大家供大家參考,具體內容如下效果圖:具體代碼:window.onload=function(){ waterfall('main','pin'); var dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]}; window.onscroll=function(){
Time of Update: 2017-01-19
表單序列化類別型的資料是指url傳遞的資料的格式,形如"key=value&key=value&key=value"這樣的key/value的索引值對。一般來說使用jQuery的$.fn.serialize函數能達到這樣的效果。如何將這樣的格式轉化為對象? 我們知道使用jQuery的$.fn.serializeArray函數得到的是一個如下結構的對象[ { name: "startTime" value: "2015-12-02 00:00:00" }, { name:
Time of Update: 2017-01-19
本文執行個體講述了javascript勻速運動實現方法。分享給大家供大家參考,具體如下:勻速運動步驟:1. 清除定時器2. 開啟定時器3. 運動是否完成:a、運動完成,清除定時器;b、運動未完成繼續勻速運動停止條件:距離足夠近 Math.abs(當然距離-目標距離) < 最小運動距離運行效果截圖如下:div的勻速運動(簡單運動)樣本:<!doctype html><html><head><meta charset="utf-8">
Time of Update: 2017-01-19
延時載入js代碼提高速度,具體內容如下所示:如果網頁中存在大量的javascript代碼會極大的影響網頁的訪問速度,下面就簡單介紹一下如何處理此問題。一.延時載入js檔案:可以使用定時器函數setTimeout()讓外部的js檔案消極式載入,例如:<script type="text/javascript" src="" id="my"></script> <script type="text/javascript"> var
Time of Update: 2017-01-19
建構函式就是初始化一個執行個體對象,對象的prototype屬性是繼承一個執行個體對象。 建構函式注意事項:1.預設函數首字母大寫2.建構函式並沒有顯示返回任何東西。new 操作符會自動建立給定的類型並返回他們,當調用建構函式時,new會自動建立this對象,且類型就是建構函式類型。3.也可以在建構函式中顯示調用return.如果返回的值是一個對象,它會代替新建立的對象執行個體返回。如果返回的值是一個原始類型,它會被忽略,新建立的執行個體會被返回。
Time of Update: 2017-01-19
localStorage主要用來替代cookie,解決cookie(可參考cookie使用要點)讀寫困難、容量有限的問題。localStorage有以下幾個特點1.localStorage是一個普通對象,任何對象的操作都適用。2.localStorage對象的屬性值只能是字串。 這個需要特別注意了,假設我們要儲存一個對象到localStorage中,可以使用拼接的方式。如var obj = {"na=me": "chua",age: 9}//拼接到localStoragevar str = "
Time of Update: 2017-01-19
先看一張圖,梳理梳理。一、基本概念 【原型鏈】每個建構函式都有一個對象,原型對象都包含一個指向建構函式的指標,而執行個體都包含一個指向原型對象的內部指標。那麼,如果原型對象等於另一個原型的執行個體,此時的原型對象將包含一個指向另一個原型的指標,相應地,另一個原型中也包含著一個指向另一個建構函式的指標。如果另一個原型又是另一個原型的執行個體,那麼上述關係依然成立。如此層層遞進,就構成了執行個體與原型的鏈條。【原型對象】這個對象包含可以由特定類型的所有執行個體共用的屬性和方法。所有參考型別預設都繼
Time of Update: 2017-01-19
一、編程思想面向過程:以過程為中心,自頂向下逐步細化,程式看成一系列函數調用的集合物件導向:對象作為程式的基本單元,程式分解為資料和相關操作二、類、對象類:對具有相同特性和特徵事物的抽象描述對象:某種類型對應的具體事物三、物件導向的三大特性封裝:隱藏實現細節,實現代碼模組化繼承:擴充已存在的代碼模組,實現代碼重用 多態:介面的不同實現方式,實現介面重用四、對象定義:無序屬性的集合,其屬性可以包含基本值、對象或者函數//簡單的對象執行個體var person = new Object()