Time of Update: 2018-12-08
js對象關係圖 JavaScript 對象參考手冊本參考手冊描述每個對象的屬性和方法,並提供執行個體。ArrayBooleanDateMathNumberStringRegExpGlobal Browser 對象參考手冊本參考手冊描述每個對象的屬性和方法,並提供執行個體。WindowNavigatorScreenHistoryLocation HTML DOM
Time of Update: 2018-12-08
另外這篇文章是一篇入門文章,我也是才開始學習Javascript,有一點心得,才想寫一篇這樣文章,文章中難免有錯誤的地方,還請各位不吝吐槽指正 吐槽Javascript
Time of Update: 2018-12-08
確保代碼盡量簡潔
Time of Update: 2018-12-08
這兩天有個前同事總在問我Javascript物件導向的東西,所以,索性寫篇文章讓他看去吧,這裡這篇文章主要想從一個整體的角度來說明一下Javascript的物件導向的編程。(成文比較倉促,應該有不準確或是有誤的地方,請大家批評指正) 另,這篇文章主要基於 ECMAScript 5, 旨在介紹新技術。關於相容性的東西,請看最後一節。 初探 我們知道Javascript中的變數定義基本如下: 複製代碼 代碼如下:var name = 'Chen Hao';; var email = 'haoel(@
Time of Update: 2018-12-08
首先,什麼事Regex呢,其實引入概念很多時候並不能幫我們明白它到底是什麼,所以我先簡單描述下,Regex,其實就是一個記錄字串規則則的字串,等我們看完這一部分,也就能明白它到底是什麼了。 基本文法:Regex就是“/expression/”+表示搜尋範圍的符號。例如我們要找function這個關鍵詞,就是/function/gi,其中g表示global,就是全域搜尋,i表示ignor,就是忽略大小寫。 在js中,我們通過RegExp類來實現。 這個類裡面有很多很多的符號用來表示不同的索引方法,
Time of Update: 2018-12-08
1.路徑符號的含義 src="/js/jquery.js"、"../"這個斜杠是絕對路徑的意思,表示的是網站根目錄. 其他的如"./ " 、 "../" 、 "jquery.js" 、 "js/jquery.js"等等表示的都是相對當前網頁的路徑,是相對路徑。 2.擷取網站的根目錄 複製代碼 代碼如下:function GetRootPath() { var strFullPath = window.document.location.href; var strPath =
Time of Update: 2018-12-08
他的屬性也很豐富,因為我很懶,我就直接複製手冊裡的東西了:
Time of Update: 2018-12-08
複製代碼 代碼如下:function 類名(參數表){ this.屬性; ...... this.函數; } 這樣,函數和資料成員都是用“this.”來實現。 我們自己定義一個簡單類student好了,然後再去構造它,並且實現一個輸出函數。 複製代碼 代碼如下:<script LANGUAGE="JavaScript"> <!-- function student(a,b){ this.name = a; this.age=b; this.output=function(){
Time of Update: 2018-12-08
寫內容之前廢話一句:因為舊版有些瀏覽器不支援javascript指令碼,遇到script結點,當做普通內容輸出了,所以有時候為了讓版本相容,會在script結點裡的內容寫上注釋符號,這樣的話在舊版裡雖然程式會失效,但是不會出現我們的代碼,類似於這樣(請忽略括弧以及括弧裡的東西): 複製代碼 代碼如下:<script type="text/javascript"> <!-- (注意,這裡必須換行) xxxxxx; --> (這一行也不可以寫東西。) </script&
Time of Update: 2018-12-08
首先下載node.js,然後解壓到E盤,改名為node,然後開始菜單輸入cmd,用cd命令切換到nodejs的解壓目錄: 第一個例子:hello world。 在node目錄下建立hello.js檔案,然後在裡面輸入: 複製代碼 代碼如下:var sys = require("sys"); sys.puts("Hello world"); 然後我們在命名台中輸入命令node hello.js,就能看到命名台輸出結果Hello world。 第二個例子:hello world2。
Time of Update: 2018-12-08
javascript是一個基於對象和事件驅動,並且具有安全性的指令碼語言,應用很廣泛,不僅僅是網頁,不要被jsp給困住。 基於對象,就是不需要指定變數的類型,你給他一個3,它知道是整型,如果給賦值'3',它就知道是char。 事件驅動,就是單擊啊,之類的事件進行驅動。 javascript優點:網頁互動性強,簡單易用。js主要是基於用戶端運行,很大程度上減少了伺服器的負荷。 javascript是指令碼程式設計語言:採用程式段方式實現,與HTML結合,java的編譯器其實就是瀏覽器本身。
Time of Update: 2018-12-08
內建對象 定義:由ECMAScript實現提供的、獨立於宿主環境的所有對象,在ECMAScript程式開始執行時出現。 由定義可知開發人員不必明確執行個體化內建對象,它已被執行個體化了。在ECMAScript-262隻定義了兩個內建對象,即Global和Math Global Global對象是ECMAScript中最特別的對象,因為實際上它根本不存在。 由於在ECMAScript中不存在獨立的對象,所有函數都必須是某個對象的方法,如前面提到的isNaN()、isFinite()
Time of Update: 2018-12-08
複製代碼 代碼如下:var a; // 聲明一個變數,標識符為a function a() { // 聲明一個函數,標示符也為a } alert(typeof a); 顯示的是“function”,即function的優先順序高於var。 有人覺得這是代碼順序執行的原因,即a被後執行的funcion覆蓋了。好,將它們調換下。 複製代碼 代碼如下:function a() { } var a; alert(typeof a);
Time of Update: 2018-12-08
複製代碼 代碼如下:<script type="text/javascript"> function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, str[2]); date.setUTCHours(0, 0, 0, 0); return date; } function TimeCom(dateValue) { var
Time of Update: 2018-12-08
查詢了一下相關的資料,Div沒有自動滾動的屬性,只能類比滑鼠的滾動來現實想要的效果。 關鍵的部分部分在這裡:div.scrollTop = div.scrollHeight; 下面是具體實現的精簡代碼: 複製代碼 代碼如下:<html> <body> <div id="divDetail" style="overFlow-y:scroll; width:250px;height: 200px;"> <table style="border:1px
Time of Update: 2018-12-08
最近看了幾篇有關javascript閉包的文章,包括最近正火的湯姆大叔系列,還有《javascript進階程式設計》中的文章,……我看不懂,裡面有些代碼是在大學教科書中看都沒看過的,天書一般。幸好最近遇到兩本好書《ppk on javascript》和《object-oriented JavaScript》,正字閱讀中,後者還沒有中文版,但前者還是建議看原版,寫的不複雜,有興趣的朋友可以看看,適合想進階的朋友。
Time of Update: 2018-12-08
最近在看鬆散耦合可定製百度的開源架構tangram.js目光突然就聚焦在一種獲得毫秒數的寫法: (+new Date()) 其實這種寫法也沒什麼就是用運算子轉化日期為number型,於是我肯定這種寫法沒有日期原生寫法(new Date().getTime())效率高 : 於是做了下面測試: 複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8" />
Time of Update: 2018-12-08
如下 複製代碼 代碼如下:function Person(name, age) { this.name = name; this.age = age; } var p = new Person('lily', 20); 發現某些庫代碼中建立正則對象的方式無需new,這讓人感到奇怪。如下 複製代碼 代碼如下:var reg = RegExp('^he$'); 測試發現使用或不使用new,最後返回的都是正則對象,且typeof它們都是“object”。 複製代碼 代碼如下: var reg1 =
Time of Update: 2018-12-08
複製代碼 代碼如下:var date1=new Date(dateTimes[z][1]); 在Firefox下 可以正常取得時間,在IE7下 卻是 NaN。糾結老長時間,放棄了new date 然後再老外的論壇中找了一段段代碼可以相容所有瀏覽器的格式化日期代碼: 複製代碼 代碼如下:function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1
Time of Update: 2018-12-08
如下 複製代碼 代碼如下:var a = 3; 實際有兩個步驟: 1 初始化a為undefined 2 a賦值3 因此會出現一些“匪夷所思”的現象,即JS中變數可以先使用後聲明。這在Java中是不允許的。 複製代碼 代碼如下:System.out.println(a); int a = 1; 編譯通不過。但JS可以,如下 複製代碼 代碼如下:alert(a); var a; 雖然是undefined,但不會報錯。說明a的確聲明了,且為undefined。