Time of Update: 2018-12-03
1.document.write(""); 輸出語句 2.JS中的注釋為// 3.傳統的HTML文檔順序是:document->html->(head,body) 4.一個瀏覽器視窗中的DOM順序是:window->(navigator,screen,history,location,document) 5.得到表單中元素的名稱和值:document.getElementById("表單中元素的ID號").name(或value) 6.一個小寫轉大寫的JS: document.
Time of Update: 2018-12-03
下面是我設計的一個的javascript程式,雖然簡單,但卻給我帶來了極大的便利。我一直用它來調試一些javascript程式,用來測試Regex匹配,除了具備一般字元串的尋找替換功能外,還可以通過使用Regex來實現一般的文字編輯器所不具備的進階尋找/替換功能。使用很簡單了,在文字框輸入一段javascript程式,單擊執行指令碼程式按鈕即可運行程式,如果程式出錯會給出詳細的錯誤資訊。在文字框輸入一段文字,在查詢運算式框輸入運算式(可以是一般字元串或Regex),在替換框輸入替換文本,然後執行
Time of Update: 2018-12-03
JavaScript用canvas元素實現 2D 和 3D 我幾乎半年沒寫部落格了,哈哈先來個問候語。 可能有些人早就知道,canvas 這個元素,這個是在 w3c HTML5.0 方案確定的元素, 可惜的是 IE 不支援這個元素,Firefox在很早的版本就支援了這個元素, 下面是一些瀏覽器支援 canvas 元素預覽圖。 FirefoxSafariOperaExplorerCanvas2.0 ○2.0 ○9.2 ○0002 △3.0 ○3.0 ○9.5
Time of Update: 2018-12-03
現在許多的資訊系統都是基於B/S版本,但PB寫的資訊系統生存空間也比較大,往往是一個資訊系統即有PB版本也有B/S版本。資訊系統會有許多的商務規則,B/S中商務規則的檢查在JavaScript指令碼中實現,如果在PB中又實現一次,費時費力不說,商務規則改變又要重新編譯分發。如果在PB中調用在B/S中實現的JavaScript指令碼來完成商務規則,省時省力維護量減小,下面就讓我們來實現吧。 一、環境說明
Time of Update: 2018-12-03
functioin addMore(){ var td =document.getElementById("more"); var br = document.createElement("br"); var input = document.createElement("input"); var button = document.createElement("input"); input.type= "file"; input.name= "file";
Time of Update: 2018-12-03
事件處理概述 事件處理是對象化編程的一個很重要的環節,沒有了事件處理,程式就會變得很死,缺乏靈活性。事件處理的過程可以這樣表示:發生事件 - 啟動事件處理常式 - 事件處理常式作出反應。其中,要使事件處理常式能夠啟動,必須先告訴對象,如果發生了什麼事情,要啟動什麼處理常式,否則這個流程就不能進行下去。事件的處理常式可以是任意 JavaScript 語句,但是我們一般用特定的自訂函數(function)來處理事情。指定事件處理常式有三種方法:方法一 直接在 HTML
Time of Update: 2018-12-03
<div id="test_div"> </div><!-- 引入ext庫,使用相對路勁,記得在伺服器上測試哦 --><script type="text/javascript" src="../extjs/ext-all.js"></script> <script>function $(id){return document.getElementById(id);}function
Time of Update: 2018-12-03
JavaScript是基於對象的語言。我們知道,對象是由一組資料(JavaScript中稱之為屬性)和施加在這組資料上的方法組成的。同時,JavaScript中還有一些不屬於任何對象的系統函數。本文將簡單介紹JavaScript中一些常用對象的屬性和方法,以及幾個有用的系統函數。 一、串方法 JavaScript有強大的串處理功能,有了這些串方法,才能編寫出豐富多彩的網頁。在這一部分裡,我們將介紹到如何使用與串對象有關的方法和屬性。 1.串對象的length屬性 串對象僅有一個屬性len
Time of Update: 2018-12-03
javascript中eval詳細理解2009-02-27 14:58 2008-04-12 00:29 首先來個最簡單的理解 eval可以將字串產生語句執行,和SQL的exec()類似。 eval的使用場合是什麼呢?有時候我們預先不知道要執行什麼語句,只有當條件和參數給時才知道執行什麼語句,這時候eval就派上用場了。舉個例子: 我們要做一個function(),功能是輸入網頁中兩個個對象的名稱,然後程式就將這兩個對象的值聯結起來輸出。function output(a,b)
Time of Update: 2018-12-03
在這一章我會講解如何去訪問一個事件對象。現在我們已經註冊了事件處理常式,對於事件我們還想更深入的瞭解。我們想知道事件發生時候的滑鼠位置,我們想知道使用者按下了哪些鍵。這些都是可能的,雖然這部分有很多煩人的瀏覽器安全色性問題。(這裡可以快速查看瀏覽器安全色性列表)。要讀出事件的屬性,必須要先能訪問到事件。瀏覽器安全色性站在瀏覽器戰爭的角度看,Netscape實現了一個訪問模型(後來被W3C做借鑒)和很多的事件屬性,同時微軟也做了同樣的事情。當然這兩種模型是完全不相容的。但是就像我們再簡介裡面說的,
Time of Update: 2018-12-03
1.document.write( ” “); 輸出語句2.JS中的注釋為//3.傳統的HTML文檔順序是:document- >html- >(head,body)4.一個瀏覽器視窗中的DOM順序是:window- >(navigator,screen,history,location,document)5.得到表單中元素的名稱和值:document.getElementById( “表單中元素的ID號 “).name(或value)6.一個小寫轉大寫的JS:
Time of Update: 2018-12-03
在這一章我將對重要的事件做一個概述,包括一些流行的瀏覽器的相容性問題。在這裡提出的事件,當他們發生在一個確定的HTML元素上的時候,他們的名字能夠被大多數的瀏覽器所識別。也就是說,瀏覽器會尋找你為這個HTML元素所註冊的事件處理常式的指令碼,而且會被立即執行。一開始只有為數很少的一些事件。這些事件在幾乎所有的JavaScript瀏覽器都能運行,即使是那些非常古老的。需要注意的是那些早期的事件只能工作在連結或者表單上,有時候也能運行在整個視窗上,但是其他的大多數HTML元素不行。時代變遷,很多新的
Time of Update: 2018-12-03
在這一章我會講解給元素註冊事件的最好的一種辦法,那就是:確保一個特定的事件在特定的HTML元素上發生並且能運行特定的指令碼。在最古老的JavaScript瀏覽器裡註冊事件只能通過內聯模式。自從DHTML從根本上改變了你操作頁面的方法,事件的註冊就必須有擴充性而且要有很強的適應性。所以就必須有相應的事件模型。Netscape在第三代瀏覽器中就開始了,IE在第四代瀏覽器開始。因為Netscape
Time of Update: 2018-12-03
1.執行個體屬性、執行個體方法與類屬性、類方法function circle(r){this.redius = r; //redius屬性執行個體屬性,即該類型的每個執行個體對象都具有copy該屬性}circle.PI = 3.14; //P為circle類的一個類屬性,跟執行個體無關circle.prototype.area = function (){ return circle.PI*this.redius*this.redius }; //area是一個執行個體方法,
Time of Update: 2018-12-03
因為Javascript可以處理和使用者的互動,所以使用Javascript會有更好的使用者體驗。在這篇文章裡,你可以看到一些令人恐怖和獨一無二的Javascript製作的導航條。1. MenuMatic這個樣本主要是展示了一個排序的縱向或橫向的下拉式菜單導航條。[/url]示範地址:[url=http://greengeckodesign.com/menumatic]http://greengeckodesign.com/menumatic2. jQuery製作的動畫按鈕菜單當滑鼠經過的時候,
Time of Update: 2018-12-03
tooltip1. JS檔案代碼:tooltip.js (請不要更改!避免發生錯誤!)/************************************************************************* dw_viewport.js version date Nov 2003 This code is from Dynamic Web Coding at http://www.dyn-web.com/ Copyright 2003 by Sharon
Time of Update: 2018-12-03
Javascript的普及應用率遠比Java高,它與CSS和HTML一樣,是所有Web開發人員的必修課程。Javascript在很多人眼中不過是雞肋,它的應用價值被局限在了用戶端資料驗證。Javascript是Web領域不可缺少的組成部分,開發人員對它的認識程度是分層次的。1、資料驗證的工具。這是javascript被應用得最多的情境,也是多數web程式員對javascript建立印象的第一步。正由於這一步已經被太多的web程式員走過了,所以對於web開發的新手,早已只需要上網下載一些別人開發好
Time of Update: 2018-12-03
每個函數都自動具有prototype屬性, 每個對象都自動有__proto__, 它們的關係就是是同一個對象. 看下面的代碼:function A(){}var a = new A();alert(a.__proto__===A.prototype);//結果是 true .實際上每個函數的 prototype 是一個最基本的 Object 對象. 我們知道 prototype 的意義是使用這個函數建立的對象(var a = new A();)會被賦予函數 prototype
Time of Update: 2018-12-03
嵌套的函數(範圍鏈)當你進行函數的嵌套時,要注意實際上範圍鏈是發生變化的,這點可能看起來不太直觀。你可把下面的代碼置入firebug監視值的變化。 var testvar = 'window屬性';var o1 = {testvar: '1', fun: function() {alert('o1: '+this.testvar+'<<');}};var o2 = {testvar:'2', fun:function() {alert('o2: '+this.testvar);}};
Time of Update: 2018-12-03
我們知道,父類中的屬性有this、static和prototype三種。我們常用的繼承方式有兩種:原型繼承:可以把父類的prototype屬性全部繼承下來對象冒充:可以將父類的this屬性繼承下來,再配合for...in迴圈,可以將父類的static屬性也繼承下來將這兩種方式綜合使用,並在此基礎上,使用delete刪除不需要的屬性,以及通過重寫方法來覆蓋父屬性,以達到完美繼承的效果。/** * Filename: PrefectExtend.js * Description: