2001/08/23 11:21 賽迪網王偉福

活動字幕是網頁中常用的組件之一。它可以使整個網頁更加動態和生動。如今，越來越多的活動字幕被用來增強網頁的交互性。用 javascript編程可以實現各種活動字幕效果，所需的**很少，確實能夠以較少的**時間換來較好的效果。

該標記語法格式如下：

〈marquee

aligh=left/center/right/top/bottom

bgcolor=#n

font=n

direction=left/right/up/down

behavior=type

height=n

hspace=n

scrollamount=n

scrolldelay=n

width=n

vspace=n

loop=n〉

可以看出，由于活動字幕的顯示方式多種多樣，有許多可選參數。

bgcolor：用于設置活動字幕的背景色，通常為十六進制數。

behavior：用于設定滾動的方式，主要由三種方式：behavior="scroll"表示從一端滾動到另一端；behavior=“slide”意思是快速地從一端滑到另一端而不重復；behavior=“alternate”表示在兩端之間來回滾動。

hspace和vspace：用于分別設置滾動標題的左邊框和右邊框以及上邊框和下邊框的寬度。

scrollmount：用于設置一次滾動活動字幕的距離。

用于設置兩個滾動之間的延遲時間。

循環：用于設直滾動的次數。當loop=-1時，它意味著滾動直到頁面被更新。

〈marquee〉標記的默認情況是向左滾動無限次，字幕高度是文本高度，滾動范圍：水平滾動的寬度是當前位置的寬度；垂直滾動的高度是當前位置的高度。以下是通過javascript編程實現特效主動字幕的兩個腳本**：

★帶鏈接的水平滾動字幕★

帶有鏈接的水平滾動字幕通常用于廣告和宣傳，非常吸引眼球

〈script language=“javascript”〉

var marqueewidth=400

var marqueeheight=20

var speed=4

var marqueecontents='〈strong〉〈big〉歡迎訪問〈a href=""〉中國電腦教育報**〈/a〉歡迎您光臨〈a href=""〉給我來封信！〈/a〉 〈/ big〉 〈/ strong〉 〈/ font〉'

document.write('〈marquee scrollamount='+speed+' style="width:'+marqueewidth+'"

〉'+marqueecontents+'〈/marquee〉')

〈/script〉

★帶鏈接的垂直滾動字幕★

垂直滾動的活動字幕通常用于以滾動方式發布新聞。腳本**中參數“behavior、derection、width、height、 scrollamount、scrolldelay”分別確定了活動字幕的滾動方式、滾動方向、寬度、高度、一次滾動距離、延遲時間等，另外參數 “onmouseover='this.stop()'”所實現的效果是當鼠標指針移動到活動字幕上時，字幕停止滾動，參數“onmouseout= 'th

is.start()'”恰好與之相反。

〈script language=vbscript〉document.write("〈marquee behavior=scroll direction=up width=130 height=80 scrollamount=1 scrolldelay=60 onmouseover='this.stop()' onmouseout='this.

start()'〉")〈/script〉

〈p〉〈a href="

〈a href=“xwgg/按.htm畢業班將于下周離開

〈a href=“xwgg/福建.htm7月10日暑假

省水利年會在我校召開

〈script language=vbscript〉document.writemarquee〉")〈/script〉

〈/p〉

?2?javascript學習計劃

除非每個頁面有不同的JavaScript，否則不要直接將JavaScript代碼放在HTML中，而在HTML中引用JavaScript文件。如果一定要在頁面中包含JavaScript，這樣的代碼不能太長。

減少在頁面中包含的JavaScript文件數。不需要走極端，將所有代碼放到一個文件中。包含不超過5個文件是可行的，但如果包含超過20個文件就要三 思而行。這些數字只是象征性的，如果這是個問題，應進行測試看看在單個頁面中使用多少文件將影響網站的性能。

減少使用的庫。如果使用大量不同來源的庫，它們的有些代碼很可能是重復的。例如，每個庫都可能包含處理DOM事件的代碼，這是一種浪費，因為這些代碼可以 共享。選擇一個能夠解決大量問題且模塊化的庫，這樣可只包含所需的子集。使用來自一個主要庫的代碼還有其他好處：將減少依賴關系，從而降低不兼容的可能 性；升級到新版本更容易；通常來說，大型庫將獲得更大社區的支持，因此更新更頻繁，新特性更多。本章后面的內容將更詳細地介紹JavaScript庫。

?3?javascript學習計劃

JavaScript（簡稱“JS”） 是一種具有函數優先的輕量級，解釋型或即時編譯型的編程語言。

雖然它是作為開發Web頁面的腳本語言而出名的，但是它也被用到了很多非瀏覽器環境中，JavaScript 基于原型編程、多范式的動態腳本語言，并且支持面向對象、命令式和聲明式（如函數式編程）風格。

JavaScript在1995年由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。

因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。

?4?javascript學習計劃

原型

大家都知道，JavaScript 不包含傳統的類繼承模型，而是使用 prototype 原型模型。代碼實現大概是這樣子的

function Student(name){ this.name = name;} var Kimy = new Student("Kimy"); totype.say = function(){ console.log(this.name + "say");}Kimy.say();//Kimysay

Kimy本身是沒有say方法的，當他在自己對象中找不到該方法時就回去他的原型中查找，也就是totype對象中查找。這里我們用到了一個構造函數Student

構造函數、__proto__以及原型鏈

除了IE瀏覽器，其他瀏覽器都在Object對象的實例上，部署了一個非標準的__proto__屬性（前后各兩個下劃線），指向該對象的原型對象，即構造函數的prototype屬性。

盜用一段代碼和一張圖

// 構造方法function Foo(y) { this.y = y;} totype.x = 10; // 繼承方法"calculate"totype.calculate = function (z) { return this.x + this.y + z;}; // 使用foo模式創建 "b" and "c"var b = new Foo(20);var c = new Foo(30); // 調用繼承的`方法b.calculate(30); // 60c.calculate(40); // 80 console.log( b.__proto__ === totype, // true c.__proto__ === totype, // true nstructor === Foo, // true nstructor === Foo, // true nstructor === Foo // true b.calculate === b.__proto__.calculate, // true b.__proto__.calculate === totype.calculate // true );

我們可以看到，每個對象都是含有一個__proto__屬性，b的__proto__指向的構造b的構造方法Foo的prototype屬性；而totype也是一個對象，本身也有一個__proto__指向構造其的構造方法Object的prototype。totype的__proto__被指向了 null, 這就形成了一個原型鏈了。

這里還要能理解這樣一段代碼

Object instanceof Function//trueFunction instanceof Object//true

new做了什么

這里還有一個小問題，js里面普通函數和構造函數形式上貌似沒有啥太大區別(首字母大寫不是必須的，但是通常都把構造函數的首字母大寫)。new這個關鍵字到底做了什么東西。

比方

var Kimy = new Student();

new 做了三件事情

var Kimy = {}; Kimy.__proto__ = totype;Student.call(Kimy);

1、定義了一個空對象

2、設置其原型

3、初始化對象

這樣就能理解為什么Kimy.__proto__指向的是totype了(同一個引用)，原來就是new在起著關鍵的作用！

?5?javascript學習計劃

JavaScript 是因特網上最流行的腳本語言，并且可在所有主要的瀏覽器中運行，比方說 Internet Explorer、 Mozilla、Firefox、Netscape、和 Opera。

在數百萬張頁面中，JavaScript 被用來改進設計、驗證表單、檢測瀏覽器、創建cookies，等等等等。

JavaScript 是因特網上最流行的腳本語言，并且可在所有主要的瀏覽器中運行，比方說 Internet Explorer、 Mozilla、Firefox、Netscape、和 Opera。

你應該具備的基礎知識：

在繼續學習前，你應該對以下知識有基本的了解：

HTML XHTML

如果你希望首先學習這些內容，請在 首頁 訪問相關教程。

什么是 JavaScript？ JavaScript 被設計用來向 HTML 頁面添加交互行為。 JavaScript 是一種腳本語言（腳本語言是一種輕量級的編程語言）。 JavaScript 由數行可執行計算機代碼組成。 JavaScript 通常被直接嵌入 HTML 頁面。 JavaScript 是一種解釋性語言（就是說，代碼執行不進行預編譯）。 所有的人無需購買許可證均可使用 JavaScript。 Java 和 JavaScript 是相同的嗎？

不同！

在概念和設計方面，Java 和 JavaScript 是兩種完全不同的語言。

Java（由太陽微系統公司開發）很強大，同時也是更復雜的編程語言，就像同級別的 C 和 C 。

JavaScript 能做什么？JavaScript 為 HTML 設計師提供了一種編程工具 HTML 創作者往往都不是程序員，但是 JavaScript 卻是一種只擁有極其簡單的語法的腳本語言！幾乎每個人都有能力將短小的`代碼片斷放入他們的 HTML 頁面當中。 JavaScript 可以將動態的文本放入 HTML 頁面 類似于這樣的一段 JavaScript 聲明可以將一段可變的文本放入 HTML 頁面：document.write(" name ") JavaScript 可以對事件作出響應 可以將 JavaScript 設置為當某事件發生時才會被執行，例如頁面載入完成或者當用戶點擊某個 HTML 元素時。 JavaScript 可以讀寫 HTML 元素 JavaScript 可以讀取及改變 HTML 元素的內容。 JavaScript 可被用來驗證數據 在數據被提交到服務器之前，JavaScript 可被用來驗證這些數據。 JavaScript 可被用來檢測訪問者的瀏覽器 JavaScript 可被用來檢測訪問者的瀏覽器，并根據所檢測到的瀏覽器，為這個瀏覽器載入相應的頁面。 JavaScript 可被用來創建 cookies JavaScript 可被用來存儲和取回位于訪問者的計算機中的信息。

?6?javascript學習計劃

在js里用到數組,比如 多個名字相同(的)input, 若是動態生成(的), 提交時就需要判斷其是否是數組. if(document.mylist.length != "undefined" ) {} 這個用法有誤.

正確(的)是 if( typeof(document.mylist.length) != "undefined" ) {}

或 if( !isNaN(document.mylist.length) ) {}

typeof(的)運算數未定義,返回(的)就是 "undefined".

運算數為數字 typeof(x) = "number"

字符串 typeof(x) = "string"

布爾值 typeof(x) = "boolean"

對象,數組和null typeof(x) = "object"

函數 typeof(x) = "function"

typeof 運算符返回一個用來表示表達式(的)數據類型(的)字符串。

可能(的)字符串有："number"、"string"、"boolean"、"object"、"function" 和 "undefined"。

如：

alert(typeof (123));//typeof(123)返回"number"

alert(typeof ("123"));//typeof("123")返回"string"

typeof 運算符返回一個用來表示表達式(的)數據類型(的)字符串。

typeof[()expression[]] ;

expression 參數是需要查找類型信息(的)任意表達式。

說明

typeof 運算符把類型信息當作字符串返回。typeof 返回值有六種可能： "number," "string," "boolean," "object," "function," 和 "undefined."

typeof 語法中(的)圓括號是可選項。typeof運算符介紹：

typeof 是一個一元運算，放在一個運算數之前，運算數可以是任意類型。

它返回值是一個字符串，該字符串說明運算數的類型。

你知道下面typeof運算的`結果嗎？

typeof(1);

typeof(NaN);

typeof(Number.MIN_VALUE);

typeof(Infinity);

typeof("123");

typeof(true);

typeof(window);

typeof(document);

typeof(null);

typeof(eval);

typeof(Date);

typeof(sss);

typeof(undefined);

typeof是一個一元運算符，它返回的結果始終是一個字符串，對不同的操作數，它返回不同的結果。

具體的規則如下：

一、對于數字類型的操作數而言， typeof 返回的值是 number。比如說：typeof(1)，返回的值就是number。

上面是舉的常規數字，對于非常規的數字類型而言，其結果返回的也是number。比如typeof(NaN)，NaN在

JavaScript中代表的是特殊非數字值，雖然它本身是一個數字類型。

在JavaScript中，特殊的數字類型還有幾種：

Infinity 表示無窮大特殊值

NaN特殊的非數字值

Number.MAX_VALUE可表示的最大數字

Number.MIN_VALUE可表示的最小數字（與零最接近）

Number.NaN特殊的非數字值

Number.POSITIVE_INFINITY表示正無窮大的特殊值

Number.NEGATIVE_INFINITY 表示負無窮大的特殊值

以上特殊類型，在用typeof進行運算進，其結果都將是number。

二、對于字符串類型， typeof 返回的值是 string。比如typeof("123")返回的值是string。

三、對于布爾類型， typeof 返回的值是 boolean 。比如typeof(true)返回的值是boolean。

四、對于對象、數組、null 返回的值是 object 。比如typeof(window)，typeof(document)，typeof(null)返回的值都是object。

五、對于函數類型，返回的值是 function。比如：typeof(eval)，typeof(Date)返回的值都是function。

六、如果運算數是沒有定義的（比如說不存在的變量、函數或者undefined），將返回undefined。比如：typeof(sss)、typeof(undefined)都返回undefined。

?7?javascript學習計劃

范文一

尊敬的領導：

您好!

我叫xx，是XX郵電職業技術學院2013屆移動通信專業的一名?？飘厴I生。近期獲知貴處正在招聘人才，我自信我在大學三年的學習會有助于我來應聘這個職位。在投身社會之際，為了找到符合自己專業和興趣的工作，更好地發揮自己的才能， 大學生社會實踐論文，實現自己的人生價值，謹向各位領導作自我推薦。

作為一名移動通信專業的學生，我熱愛我的專業并投入了巨大的熱情和精力。在三年的學習生活中，我所學習的內容包括了從通信的基礎到運用等許多方面知識。通過對這些知識的學習，我對這一領域的相關知識有了一定程度的理解和掌握，此專業是一種技術工具，而利用此技術工具的能力是最重要的， 浙江大學排行榜，在與課程同步進行的各種相關實踐和實習中，具有了一定的實際操作能力和技術。在學校生活中，加強鍛煉處世能力，學習管理知識， 天津大學排名，吸取管理經驗。使我的組織協調能力，管理創新能力得到了不斷的培養和增強，具備了較強的團隊合作精神。

我明白英語對通信的發展、與世界的聯系的重要性和長遠性，所以學好英語對我來說就特別重要。在大學期間，我達到了四川省大學英語二級的水平。與此同時，我還懂得計算機和網絡是工具， 大學生自我總結，在學好本專業的前提下，我對計算機產生了巨大的興趣，取得了四川省職業技術學院數據庫 /vf 二級證書、資格鑒定證書及通行網絡管理等相關證書，并熟練掌握辦公室自動化的 word 以及 excel ，同時我閱讀了大量書籍 ,windows foxpro 、數據庫語言等程序語言。

回首過去，一路的風雨坎坷，但面對未來我信心百倍，豪情滿懷，充滿著無限的憧憬。我期望在實踐中得到鍛煉和提高，因此我希望能夠加入您們的單位。我會踏踏實實的做好屬于自己的本職工作，竭盡全力的在工作中取得好成績。我相信經過自己的勤奮和努力，一定會給貴單位做出貢獻。如果能與您攜手同行，我將深感榮幸。

希望各位領導能夠對我予以考慮，同時我也會熱切期盼您們的回音。謝謝!

此致

敬禮!

自薦人：xx

范文二

尊敬的貴單位領導：

您好!

首先衷心感謝您在百忙之中瀏覽我的自薦信，為一位滿腔熱情的大學生開啟一扇希望之門。借此擇業之際，我懷著一顆赤誠的心和對事業的執著追求，真誠地推薦自己。

我是涿州市石油物探學校移動通信專業EXCEL等辦公軟件的基本操作等。與此同時，我積極參與社會實踐活動，培養了較強的動手能力。

物色一個掌握扎實專業知識并具有一定工作能力和組織能力的部下，是您的愿望;謀求一個充分發揮自己專業特長的工作單位，并能得到您的關照，是我的期盼。得力的助手，有助于您工作順心;合適的工作單位，有助于我施展才華。

或許我們會為著一個共同的目標而站在一起，那就是:將貴公司的輝煌歷史寫得更加繽紛!愿為貴公司工作，并奉獻自己的青春和才華。期盼和感謝您的選擇!

自薦書不是廣告詞，不是通行證。但我知道：一個青年人，可以通過不斷的學習來完成自己，可以在實踐中證明自己。如果我能喜獲您的賞識，我一定會盡職盡責地用實際行動向您證明：您的過去，我來不及參與;但您的未來，我愿奉獻我畢生的心血和汗水!再次致以我最誠摯的謝意!

望貴公司能接收我，支持我，讓我加入您們的大家族，我將盡我最大的能力為貴公司發揮我應有的水平和才能。

此致

敬禮

?8?javascript學習計劃

這帶來的好處是內部函數可以訪問定義它們的外部函數的參數和變量。

首先，我們來構造一個簡單的對象。

復制代碼 代碼如下:

var testObj = {

value: 10,

add: function(inc){

this.value += (typeof inc === "number") ? inc : 1;

}

};

testObj.add();

testObj.value; // 11

testObj.add(2);

testObj.value; // 13

這樣寫就有一個問題，value值不能保證不會被非法修改，可以按如下的方法進行修改。

復制代碼 代碼如下:

var testObj = (function(){

var value = 10;

return {

add: function(inc){

value += (typeof inc === "number") ? inc : 1;

},

getValue: function(){

return value;

}

};

})();

testObj.add();

testObj.getValue(); // 11

testObj.add(2);

testObj.getValue(); // 13

我們可以通用調用一個函數的'形式去初始化testObj，該函數會返回一個對象字面量，函數里定義了一個value變量，該變量對add和getValue方法總是可用的，但函數的作用域使得它對其他的程序來說是不可見的。同時，我們還可以得出一個結論，內部函數擁有比它的外部函數更長的生命周期。

我們再繼續看一個構造函數調用的例子。

復制代碼 代碼如下:

var MyObj = function(str){

this.status = str;

};

totype.getStatus = function(){

return this.status;

};

var obj = new MyObj("javascript");

obj.getStatus(); // "javascript"

這樣寫并沒有錯，但是會有一點“多此一舉”，為什么要用一個getStatus方法去訪問一個本可以直接訪問到的屬性呢？如果status是私有屬性，那當然才有意義。

復制代碼 代碼如下:

var obj = function(status){

return {

getStatus: function(){

return status;

}

};

};

var myObj = obj("javascript");

myObj.getStatus(); // "javascript"

這里當我們調用obj的時候，它返回包含getStatus方法的一個新對象，該對象的一個引用保存在myObj中，即使obj已經返回了，但getStatus方法仍然享有訪問obj對象的status屬性的特權。getStatus方法并不是訪問該參數的一個副本，它訪問的就是該參數本身。這是可能的，因為該函數可以訪問它被創建時所處的上下文環境，這被稱為閉包。

?9?javascript學習計劃

一、本科階段專業課程

1.大一（上）：現代政治經濟學（每周3節）。

2.大一（下）：西方經濟學（3節），初等會計學（3節）。

3.大二（上）：企業財務會計（3節），金融學（貨幣銀行學）（3節）學習）（2節），財

政學（3節）。

4.大二（下）：國際金融（3節），保險學（3節），商業銀行經營管理（3節），公司金融

（3節），金融市場學（3節）。

5.大三（上）：國際結算（2節），計量經濟學（3節），統計學（大三下信管學習）（3節），

金融工程（3節），國際商務（3節）。

6.大三（下）：國際稅收（2節），銀行會計（3節），國際投資（2節），金融計量與建模

（2節），投資銀行實務（2節），證券投資分析（3節），金融風險管理（3節）。

7.大四（上）：數據分析與spss應用（3節），金融統計與分析（2節），房地產金融（2

節），理財規劃（2節）。

8.大四（下）：現代金融理論專題（1~9周，4節）。

二、素質提升課程

1.中文寫作與溝通

2.文化素質教育課：

a.文學與藝術b.歷史與文化c.哲學與倫理d.基礎社會科學（心理學導論）e.中國與

世界f.國際社會g.物質科學（物理學概論）h.生命科學（現代生物學導論）[括號內為必

修]。

三、金融課程詳解

1.貨幣銀行學：3學分，54學時，適用本科一年級；先修課程：西方經濟學；選用教

材：

凱恩斯（商務印書館），

李成（科學出版社）

6.金融風險管理：3學分，54學時，適用本科三年級；先修課程：西方經濟學、貨幣銀

行學、商業銀行學、金融市場學、證券投資學、概率與統計；選用教材：

朱忠明（中國人民大學出版社），參考書目：

特里j沃特沙姆（上海人民出版社），

王慶成（中國財政經濟出版社），《公司財務管理》道格拉斯r艾默瑞（中國人民大學出版

社）

10.初等會計學：3學分，42學時；適用本科一年級；選用教材：《初等會計學》朱小平

（中國人民大學出版社）；參考書目：《基礎會計》管一民（上海財經大學出版社），《會計學

基礎》魏振雄（中國社會科學出版社）

11.銀行信貸管理：3學分，54學時；先修課程：貨幣銀行學、商業銀行經營管理、企業

財務分析、經濟學；選用教材：《銀行信貸管理學》汪其務（中國金融出版社）；參考書目：

《商業銀行管理》彼得s羅斯，《商業銀行財務管理》毛秋榮（科學出版社）

12.證券投資學：3學分，54學時；先修課程：高等數學、貨幣銀行學、金融市場學；適

用本科三四年級；選用教材：《證券投資學》吳曉求（中國人民大學出版社）；參考書目：《證

券投資學》曹鳳岐（北京大學出版社），《股票操作學》張松齡（中國大百科全書出版社），《證

券投資學》任淮秀（高等教育出版社）

13.保險學：3學分，54學時；先修課程：經濟學、金融學、高等數學；選用教材：《保

險學》林寶清；參考書目：《保險學》孫祁祥（北京大學出版社），《保險法教程》（高等教育

出版社），《財產保險學》郝演蘇（中央財經大學出版社），《風險管理與保險》詹姆斯s特

里斯曼（東北財經大學出版社）

14.人身保險：3學分，54學時；先修課程：保險學、統計學、經濟學；選用教材：《人

身保險》張洪濤（中國人民大學出版社）；參考書目：《人身保險案例分析》張洪濤（中國人

民大學出版社）

15.保險精算學：3學分，54學時；先修課程：經濟學、高等數學、保險概論；選用教材：

《保險精算學》王曉軍（中國人民大學出版社）；參考書目：《保險精算》李秀芳（中國金融

出版社）

?10?javascript學習計劃

基礎篇

javascript:變量的聲明

以下是幾種聲明變量的方式

復制代碼 代碼如下:

var value;

var value,value1,value2;//同時聲明多個變量，但是這些變量的值都是undefined

var i = 0,j = 0,k=100;//變量聲明，初始化一體。

//如果大家嘗試讀一個不存在的變量（值）會報錯！但是嘗試給一個未使用Var聲明的變量賦值，javascript

//會隱式的`聲明改變量，而且聲明了的變量還是全局的。細節：所以大家創建變量都盡量使用Var

//變量的作用域(這個問題也容易出，大家要搞明白)

javascript:變量的作用域

這些都是細節，和我一樣初學的一定要注意避免！

復制代碼 代碼如下:

var golbal = "golbal"; //全局變量

var local ="local";

function area()

{

//局部變量的優先級比全局變量的高

var local = "arealocal"

//當函數體內聲明的變量名和全局變量名相同時，javascript 會隱藏全局變量

var golbal ="areagolbal";

document.write("local is :"+local + "and golbal is :" + golbal +"

");

}

area();

//輸出:local is :arealocaland golbal is :areagolbal

在嵌套的函數里面定義局部變量，效果會怎么樣呢？看下面：

復制代碼 代碼如下:

var hope = "moremoney";

function createmore()

{

var hope = "have more money";//局部

function createmoreto()//嵌套函數

{

var hope = "have more money to much";//局部

document.write("Createmoreto hope is :"+hope +"

");

//輸出:Createmoreto hope is :have more money to much

}

createmoreto();//調用

document.write("Createmore hope is :" +hope +"

");

//輸出：Createmore hope is :have more money

}

createmore(); //調用

javascript：傳值和傳址

這里也是比較重要的概念！不要漏了。

復制代碼 代碼如下:

傳值 傳址

復制 實際復制的值，存在不同的、 復制的只是對數字的引用。如果通過這個

獨立的拷貝。 新的引用修改了數值，這個改變對最初的

引用來說也是可見的。

傳遞 傳遞給函數的是值的獨立拷貝 傳遞給函數的是對數值的引用，如果函數

對它的改變在函數外沒有影響 通過傳遞給它的引用修改了數值，這個改

變也是可見的。

比較 比較這兩個對立的值，通常逐 比較的是兩個引用，以判斷它們引用的是否

字節的比較，以判斷是否相等 是同一個數值。

javascript：基本類型和引用類型

javascript的基本規則是：基本類型通過傳值來操作，引用類型通過傳址來操作。(什么事值類型，或者什么事引用看我上一篇)

復制代碼 代碼如下:

按值傳遞

var value = 1;

var copyvalue = value; //將value賦給另一個變量

function addTotal(total,arg)

{

total+= arg; //total = total + arg 效果等同

}

//調用函數，傳兩個參數（大家可能會認為這個函數改變了全局變量的值，其實沒有，函數用的也是對立拷貝）

addTotal(value,copyvalue);

if(value == 1) copyvalue = 2;

document.write("total t" + value + "and copyvalue tt" + copyvalue+"

");

//最后輸出:total 1and copyvalue 2

復制代碼 代碼如下:

按址傳遞

var array = new Array("Javascccp");

var objarray = array;

function modifyArray(arr)

{

arr[0] = "JAVASCRIPT";

}

//沒調用函數前

document.write(array[0] +"

SxW9.cOM高能預警:
• 計劃學習?|?學習自律計劃?|?ui學習計劃?|?聲控學習計劃?|?javascript學習計劃?|?javascript學習計劃

");

//輸出Javascccp;

//調用函數后

modifyArray(array);

document.write(array[0]+"

");

//輸出大寫JAVASCRIPT

//通過修改objarray會是一樣的效果

objarray[0] = "Frank";

document.write(array[0]+"

");

//輸出Frank;

小結:上面內容希望大家都不要錯過，對學習后面的知識還是很有幫助的！

?11?javascript學習計劃

JavaScript面試題要求：以下題目必須從一至四題中，選出三道題，使用原生代碼實現，不可使

用任何框架，第五題為選作題。

一、在頁面的固定區域內實現圖片的展示

1.每點擊一次右箭頭，圖片區域向左滾動出一張圖片，反之相同;

2.當發現圖片滾動到末尾時，響應的箭頭變成不可點擊狀態;

3.鼠標在圖片區域內滑動滾輪，圖片會隨著鼠標滾輪的方向進行響應的滾動;

二、用js、html、css實現一個彈出提示控件：

confirm、prompt對話框;

2.對話框大小根據提示內容進行自適應(有一個最小寬高)，默認出現在頁面的水平垂直居中的位置;

3.對話框可拖動;

4.對話框中的事件模擬系統對話框的事件(例如：alert 對話框，點擊確定按鈕，對話框消失);

5.解決IE6被 select控件遮擋的問題;

三、實現 input 輸入框的自動匹配

1.對 input框中輸入的字符進行匹配，將匹配到的內容以菜單的形式展現在input框的`下方;2.只針對英文字符進行匹配，并且匹配到的內容在菜單中加粗;

3.通過鍵盤上的上下箭頭可以對菜單進行選擇，按下回車后將選中的內容寫入到 input框中;

四、在頁面上實現一個二級菜單控件

1.這個控件可以綁定到頁面上的任意一個元素，當點擊頁面元素出現菜單;

2.菜單出現的方向根據所在頁面的位置自動進行調整，例如：

3.一級菜單中的元素，鼠標劃過后，將會在相應的位置出現二級菜單，二級菜單中的元素

點擊將會有事件響應

五、實現一個所見即所得編輯器(選作)

需提供以下功能：

1.字體加粗;

右對齊、居中;

3.設置字體;

4.設置字號;

5.設置字體顏色;

?12?javascript學習計劃

雖然現代瀏覽器可以并行的下載JavaScript（部分瀏覽器），但考慮到JavaScript的依賴關系，他們的執行依然是按照引入順序進行的。

本文章記錄本人在學習 JavaScript 中看書理解到的一些東西，加深記憶和并且整理記錄下來，方便之后的復習。

在 html 文檔中的執行順序

js代碼執行順序比較的形象，用戶可以直觀的感受這種執行順序。但是，js代碼的執行順序是比較復雜的。有時候我們會把js代碼寫在html里面，而html文檔在瀏覽器中解析的過程是這樣：瀏覽器按照文檔流從上到下逐步解析頁面結構和信息。js代碼作為嵌入的腳本也算做html文檔的組成部分，因此，js代碼在裝載時的執行順序也是根據腳本標簽

的出現來順序來決定。（下面一個栗子） ?console.log("頂部腳本");

console.log("頭部腳本");

console.log("頁面腳本");

console.log("底部腳本");

還有對于通過腳本標簽

的src屬性導入的外部js文件腳本，它也將按照其語句出現的順序來執行，而且執行過程是文檔裝載的一部分，不會因為是外部js文件而延期執行。 ?// 先加載 b.js 并且執行里面的代碼

// 然后在按順序執行下面的代碼

console.log(1);

預編譯

當js引擎解析的時候，它會在預編譯對所有聲明的變量和函數進行處理。

變量提升

console.log(a); // undefinedvar a = 1;console.log(a); // 1

預解析函數

f(); // 1function f() { ?console.log(1);};

詳細：javascript變量聲明提升(hoisting)

分塊執行代碼

js是按塊執行代碼的，所謂代碼塊就是使用

標簽分隔的代碼段。（下面一個栗子） ?// 代碼段1 ?var a = 1;

// 代碼段2 ?function f() { ? ?console.log(1); ?};

因為js是按代碼塊來執行的。瀏覽器在解析html文檔流的時候，如果遇到一個

標簽，則js會等到這個代碼塊都加載完之后再對代碼進行預編譯，然后在執行。執行完畢后，瀏覽器會繼續解析西門的html文檔流，同時js也準備好處理下一個代碼塊。 ?有個小坑，由于js是按塊執行的，因此在一個js塊中調用后面塊聲明的`變量或者函數就會提示語法錯誤。但是不同塊都屬于一個全局作用域，也就是說，塊之間的變量和函數是可以共享的。（下面一個栗子） ?// 代碼段1 ?console.log(a); ?f();

// 代碼段2 ?var a = 1; ?function f() { ? ?console.log(1); ?};

由于js是按塊處理代碼，同時又遵循html文檔流的解析順序，因此在上面的栗子中會看到語法錯誤。但是，在文檔流加載完畢后再次訪問就不會出現這種錯誤了。（下面一個栗子）

window.onload = function(){ // 頁面初始化事件處理函數 ? ?// 代碼段1 ? ?console.log(a); ? ?f(); ?}

// 代碼段2 ?var a = 1; ?function f() { ? ?console.log(1); ?};

還有為了安全起見，一般在頁面初始化完畢之后才允許js代碼執行，這樣就可以避免一些網速對js執行的影響。同時，也避開了html文檔流對js執行的限制。

綜上所述，javascript在執行時的步驟是：

1、先讀入第一段代碼塊

2、對代碼塊進行語法分析，如果出現語法錯誤，直接執行第5步驟

3、對var變量和function定義的函數進行“預編譯處理”（賦值式函數是不會進行預編譯處理的）

4、執行代碼塊，有錯則報錯

5、如果還有下一段代碼塊，則讀入下一段代碼塊，重復步驟2

6、結束

?13?javascript學習計劃

一、引言

今年我二十七歲，青春慢慢地將要變成回憶，我希望自己在邁入三十的門檻時無需頻頻回首，自信而堅定，雙手捧滿了收獲的果實，因而，謹在此制定一個三年計劃，努力讓青春的遺憾少一些、再少一些。

二、自我期許

擁有持之以恒的毅力。

對自己有足夠的自覺，善待他人。

能夠學以致用回報社會。

每天自我反省。

擁有健康的體魄和溫柔、堅定的心。

事業與家庭同時兼顧。

三、計劃書簡介

此計劃書從20xx年4月起至20xx年3月止為期三年，主要分成兩部分：一是政策法規學習，二是技能學習，第一部分學習將貫穿整個三年的學習之中，第二部分學習的完成可大致分為兩個階段：

階段A從20xx年4月至20xx年11月主要用于會計知識的學習，并取得會計證。

階段B從20xx年11月至20xx年3月主要用于中級職稱考試的學習和一門專業英語證書的獲得。

四、主要學習內容

政策法規的學習。我現在從事勞動保障工作，結合工作實際，勞動法有關知識的學習將成為我學習的側重點：

以《勞動法全書》為讀本，主要側重于勞動法有關知識的掌握。全書1905頁，計劃每個工作日閱讀2頁紙，將用953個工作日全部閱讀完。

我國的勞動和社會保障事業還處在完善階段，新的政策法規不斷涌現，要做到及時學習、掌握。

結合國際形勢研究勞動保障工作的趨勢，以省勞動廳20xx年7月版的《入世與勞動保障》為學習讀本，全書

?14?javascript學習計劃

toString() 方法

把布爾值轉換為字符串，并返回結果。

實例

將布爾值轉換為字符串：

var bool = new Boolean(1);var myvar = bool.toString();

輸出結果：

true

定義和用法

toString() 方法可把一個邏輯值轉換為字符串，并返回結果。

注意：當需要把Boolean對象轉換成字符串的`情況JavaScript會自動調用此方法。

語法

boolean.toString()

返回值

"true" 或者 "false"

valueOf() 方法

返回 Boolean 對象的原始值。

實例

var bool = new Boolean(0);var myvar = bool.valueOf();

輸出結果:

false

語法

boolean.valueOf()

返回值

?15?javascript學習計劃

1.簡單類型

javascript的簡單類型包括 數字（Number）、字符串（String）、布爾值（Boolean）、null值 和 undefined值。其他所有值都是對象。

2.對象

javascript中的對象是可變鍵控集合。在javascript中，數組、函數、正則表達式都是對象。

對象是屬性的容器。其中每個屬性都擁有名字和值。屬性的名字可以是包括空字符串在內的任意字符串。屬性值可以是除undefined值之外的任何值。

3.對象的定義方法

(1)用字面量定義。例如：

var obj = {"name":"Jim","age":16};

(2)new關鍵字定義。例如：

var obj = new Object();

obj.name = "Jim";

obj.age = 16;

4.對象的屬性

獲得對象的.屬性值：

var obj = {"name field":"Jim","age":16};

var name =obj["name field"] ; //屬性字符串是變量或者不是合法標識符時可以使用

var age =obj.age ;

//優先考慮使用。但當屬性字符串是常量，而且屬性字符串是合法的標識符時，才能使用

|| 運算符可以用來填充默認屬性值：

var status = flight.status || “unkown”;

對象的屬性值可以通過賦值語句來更新：

obj.age = 20;

對象通過引用來傳遞。

對象原型（prototype）鏈中的屬性也可以對象中訪問。

運算符可以用來刪除對象的屬性。

?16?javascript學習計劃

html()方法

此方法類似于JavaScript中的innerHTML屬性，可以用來讀取或者設置某個元素中的HTML內容。要獲取某個元素的內容，可以這樣：

var p_html = $("p").html(); //獲取p元素的HTML代碼

如果需要設置某元素的HTML代碼，那么也可以使用該方法，不過需要為它傳遞一個參數。例如要設置p元素的HTML代碼，可以使用如下代碼：

//設置p元素的HTML代碼$("p").html("歡迎您訪問簡明現代魔法圖書館～～");

注意：html()方法可以用于XHTML文檔，但不能用于XML文檔。

text()方法

此方法類似于JavaScript中的innerText屬性，可以用來讀取或者沒置某個元素中的文本內容。繼續使用以上的HTML代碼，用text()方法對p元素進行操作：

var p_text = $("p").text(); //獲取p元素的`文本內容

與html()方法一樣，如果需要為某元素設置文本內容，那么也需要傳遞一個參數。例如對p元素設置文本內容，代碼如下：

// 設置p元素的文本內容$("p").text("歡迎您訪問簡明現代魔法圖書館～～");

要注意下面兩點：

JavaScript中的innerText屬性并不能在Firefox瀏覽器下運行，而jQuery的text()方法支持所有的瀏覽器．

text()方法對HTML文檔和XML文檔都有效。

顯示好友列表時，在顯示好友名字的元素中設置：這樣js文件就可以動態獲取元素的id，并順利通過text()方法賦值$("#p"+userId).text(name);

?17?javascript學習計劃

思維導圖相信大家并不陌生，不管是思維導圖的運用方法，還是思維導圖的運用軟件，在網絡上隨處都可以見到。不論是學生一族還是上班一族，很多人都學會了思維導圖做自己的生活計劃，工作計劃，學習計劃。對于我們來說思維導圖是一筆不可忽視的寶貴財富。

思維導圖學習計劃

對于學生來說利用思維導圖做學習計劃是一個值得提倡的好方法，當我們的大腦一團漿糊的時候，思維導圖的利用能讓我們的思維發散，思路清晰，做起學習計劃也是詳細全面的。

運用思維導圖進行學習規劃，訂立學年計劃、學期計劃、月計劃、周計劃，甚至還可以細到訂立每天的學習計劃。學習情況，全局掌握;學習進度，清楚明白;學習方法，了然于心;并且用思維導圖制訂學習計劃可以根據實際情況需要隨時做出相應調整，從而做到合理安排時間，提高學習效率。

思維導圖學習計劃

例如：一個計劃是一張思維導圖

1、什么計劃在白紙中心寫出，最好用圖表示。

2、第一分支：進行自我分析：學習特點、學習現狀等;

3、第二分支：確定學習目標，有適當、明確、具體

4、第三分支：科學安排時間.突出重點，腦體結合，文理交替，有機動時間.

5、第四分支：必要的補充、說明、注意事項;

計劃是實現目標的藍圖，好的計劃能提高學習效率，減少時間浪費。有了思維導圖計劃，把它貼在書桌上，每一步行動都很明確，也不要總是花費心思考慮等下該學什么。用思維導圖做計劃很靈活，你可以用自己的方式方法靈活調整，具有個性化，注重效果，方便調整。

卓卷美式超營在中國教育界率先運用思維導圖，并把它手把手的交給學生，讓學生懂得如何在學習上充分的利用，不論是對于讀書還是對于做筆記，思維導圖都可以合理有效的運用。在卓卷美式超營八天七夜的時間里，孩子們真正學會了如何使用思維導圖，如何把思維導圖運用到最好。

思維導圖學習計劃卓卷美式超營

當然定了計劃一定要實行，否則計劃永遠都會只是計劃，將不會成為實際。制定了計劃，下一步的舉動將會是實際行動，有了思維導圖學習計劃，學習起來將會更有目的性，方向感。

推薦閱讀: 跟崗學習計劃（分享十七篇） 企業學習計劃（集合十七篇） 韓文初步學習計劃（熱門十七篇） 外包服務工作計劃(必備十七篇) 下寢室心得（必備十七篇） 學跳舞初學者教學計劃（必備十七篇）

我們精彩推薦javascript學習計劃專題，靜候訪問專題：javascript學習計劃

熱門標簽: 黑客學習計劃 主動學習計劃 學習計劃安排 幼師學習計劃 學習小組計劃 安全學習計劃