Time of Update: 2017-01-19
大家在使用Javascript的時候經常被this這個傢伙搞得暈頭轉向的。對大多數有OOP開發經驗的開發人員來說this是當前範圍中引用普通元素的標識符,但是在Javascript中它卻顯得古靈精怪的,因為它不是固定不變的,而是隨著它的執行環境的改變而改變。在Javascript中this總是指向調用它所在方法的對象。舉一個簡單的例子:複製代碼 代碼如下:function test(){alert(this);}var obj=function(){var
Time of Update: 2017-01-19
最近在做一個小東西的時候需要在某一個元素上“右擊”觸發一個自訂菜單,通過自訂的菜單對右擊的條目進行編輯。這就要求屏蔽預設的右鍵菜單IE和FF下面的元素都有oncontextmenu這個方法,在FF下面只要通過event.preventDefault()方法就可以輕鬆實現這個效果。IE並不支援這個方法,在IE下面一般是通過觸發方法後return
Time of Update: 2017-01-19
本文執行個體匯總了常用的JavaScript快顯視窗方法,供大家對比參考,希望能對大家有所協助。詳細方法如下:1.無提示重新整理網頁:大家有沒有發現,有些網頁,重新整理的時候,會彈出一個提示視窗,點“確定”才會重新整理。而有的頁面不會提示,不彈出提示視窗,直接就重新整理了.如果頁面沒有form,則不會彈出提示視窗如果頁面有form表單,a)<form method="post" ...> 會彈出提示視窗b)<form
Time of Update: 2017-01-19
繼承是我們在實現物件導向編程的時候很重要的一個手段。雖然我們講不能過度繼承,多利用組合代替繼承,但是繼承總是免不了的。這裡要討論的就是Javascript中的繼承機制。Javascript中實際上是沒有繼承的概念的,但是我們可以通過一些手段來模仿實現它。這種繼承實際上把一個對象複製到另外一個對象內部。你需要注意的是所有的本地類和宿主類是不能作為基類被繼承的,主要是為了安全方面的考慮。Javascript中的繼承大約有三類:1.對象冒充;2.原型繼承;3.二者的混合。一、對象冒充其實對象冒充是跟t
Time of Update: 2017-01-19
要做一個頁面上簡訊息的提示音的功能,本來想用HTML5中Audio+IE下的bgsound來實現,可是發現每種瀏覽器對Audio的解碼類型還不一樣,頓時有種崩潰的感覺。沒辦法還是用Flash穩妥一點吧。相信JavaScript與Flash互動大家都會有所接觸或者有所耳聞。其實我也是第一次整這個玩意。具體的方法就不說了,很多資料。開始的時候功能都做得差不多了,實現和沒問題。可是就是到了最後,將swf檔案放到資源服務上後再調用時出來問題,我就想肯定又是讓人蛋疼的跨域問題(CrossDomain)。後
Time of Update: 2017-01-19
在編寫代碼時我們有時候會碰到需要自己解析四則運算運算式的情況,本文簡單的介紹使用JavaScript實現對簡單四則運算運算式的解析。一、熟悉概念中綴標記法(或中綴記法)是一個通用的算術或邏輯公式表示方法, 操作符是以中綴形式處於運算元的中間(例:3 + 4)。也就是我們最常用的算術運算式,中綴運算式對於人類來說比較容易理解,但是不易於電腦解析。逆波蘭標記法(Reverse Polish
Time of Update: 2017-01-19
javascript實現平方米,畝,公頃單位換算,可以通過url傳遞參數指定輸入框的值為任何中單位的值。原始碼如下:<!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><
Time of Update: 2017-01-19
可以通過JavaScript動態改變HTML中的元素向HTML中添加元素首先需要建立一個標籤,然後向該標籤中添加相應的內容,然後將建立好的標籤添加到相應的位置。<!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
幀用來存放子頁面,既可以是iframe,又可以是frameset。window對象是全域對象,頁面上的一切函數和對象都在它的範圍裡。 1、parent代表父視窗、如果父視窗又存在若干層嵌套,則top代表頂級父視窗。 self代表視窗自身。if(self==top){//}判斷視窗是否處於頂級 if(self==parent){}//也可以2.1、父頁面訪問子頁面元素。思路是子頁面的元素都在其window.document對象裡面,先擷取它然後就好說了。
Time of Update: 2017-01-19
在JavaScript中,數值轉換一般有三種方式:一、Number(param)函數:param可以用於任何資料類型1.1 param是Boolean值,true和false分別轉換為1和0;1.2 param是數值,只是簡單的傳入和返回1.3 param是null和undefined,分別返回0和NaN1.4 param是字串,遵循下列規則:1.4.1 如果字串中只包含數字,則轉換為十進位,前置0被忽略;1.4.2 如果字串中包含有效浮點數格式,則返回對應的浮點數值,前置0被忽略;1.4.3
Time of Update: 2017-01-19
eval(String) 函數可計算某個字串,並執行其中的的 JavaScript 代碼。傳回值通過計算 string 得到的值(如果有的話)。說明該方法只接受原始字串作為參數,如果 string 參數不是原始字串,那麼該方法將不作任何改變地返回。因此請不要為 eval() 函數傳遞 String 對象來作為參數。如果試圖覆蓋 eval 屬性或把 eval() 方法賦予另一個屬性,並通過該屬性調用它,則 ECMAScript 實現允許拋出一個 EvalError
Time of Update: 2017-01-19
最近需要把app的微信分享方法開放給webview,涉及到分享的圖片,如果通過傳送圖片串連,那將要在後台再取一次圖片檔案,會影響速度,我選擇webview把image以base64位編碼的方式傳給本地應用。 下面是實現的參考代碼:<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>
Time of Update: 2017-01-19
自訂函數參數傳遞為 字串格式 ,傳遞方式1:用this傳遞 2:引號預設 3:逸出字元(html中 " 代表"雙引號,'代表單引號,javascript中直接\" 和Java通用逸出字元集)<html> <head> <script language="LiveScript"> function print(arg){ alert("你好!"+arg); } </script> </head>
Time of Update: 2017-01-19
功能描述:開啟一個網站的網頁,過5分鐘不動作,就會鎖定頁面,隱藏內容容器,顯示一個容器用於輸入密碼,輸入正確的密碼來解鎖。鎖定後即使使用者重新整理頁面,還是保留原來的狀態。如已經鎖定的,需要繼續鎖定,否則顯示內容。 範例程式碼如下,通過document.onmouseover來實現多少分鐘沒有動作,使用計時器來實現。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2017-01-19
Getter是一種擷取一個屬性的值的方法,Setter是一種設定一個屬性的值的方法。可以為任何預定義的核心對象或使用者自訂對象定義getter和setter方法,從而為現有的對象添加新的屬性。有兩種方法來定義Getter或Setter方法:1.在對象初始化時定義2.在對象定義後通過Object的__defineGetter__、__defineSetter__方法來追加定義在使用對象初始化過程來定義Getter和Setter方法時唯一要做的事情就是在getter方法前面加上“get”,在sett
Time of Update: 2017-01-19
javascript和動態網頁無法擷取cookie到期的時間,到期時間由瀏覽器管理,javascript和動態網頁只能設定到期時間,無法通過document.cookie(javascript)或者Cookie.Expires(asp.net)屬性擷取到。複製代碼 代碼如下:<%@page language="C#" Debug="true"%><script runat="server"> protected void
Time of Update: 2017-01-19
javascript檢查瀏覽器是否支援flash,程式輸出結果:<script> function flashChecker() { var hasFlash = 0; //是否安裝了flash var flashVersion = 0; //flash版本 if (document.all) { var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if (swf) {
Time of Update: 2017-01-19
下面代碼是讀取的節點資料,還有一種情況是讀取節點屬性資料。<head> <title></title> <script type="text/javascript"> var objLength = null; var xmlHttp; var strurl = ""; function ajaxrequst() { if (window.ActiveXObject) { xmlHttp =
Time of Update: 2017-01-19
有關javascript 擷取checkbox複選框的執行個體數不勝數,下面的這個樣本,純js實現的var form = document.getElementById("form2");var field = form.elements["test2"];var option = Dining.getSelectedOption(form, field);var message = "";for (var i = 0, len = option.length; i < len; i++)
Time of Update: 2017-01-19
本篇,主要普及promise的用法。一直以來,JavaScript處理非同步都是以callback的方式,在前端開發領域callback機制幾乎深入人心。在設計API的時候,不管是瀏覽器廠商還是SDK開發商亦或是各種類庫的作者,基本上都已經遵循著callback的套路。近幾年隨著JavaScript開發模式的逐漸成熟,CommonJS規範順勢而生,其中就包括提出了Promise規範,Promise完全改變了js非同步編程的寫法,讓非同步編程變得十分的易於理解。在callback的模型裡邊,我們假