1、javascript基礎教程之flag的用法分享今日學習了dom基礎方面的學問，可謂是收獲頗豐。在重新仔細學習javascript的過程，對照第一次學習而言，體味就是不一樣。雖然整體感覺輕松了許多，但書中還是有無數細小瑣碎的學問點值得思索和推敲。在我看來，有一本優秀的入門教程書是多么的重要，由于它不但會提升我學習的愛好，而且可以促進我更快地學習和把握學問。起碼這本書是我目前為止遇到過的最好的javascript基礎教程，沒有之一。我并不是給這本書打廣告，而是真心實意的推舉給大家，全名是web前端開發精品課之javascript基礎教程。當時在高校期間自學web前端的過程中，在圖書館借了無數有關

2、html與css教程的書，在迅速翻看完全部的書之后，選定了這本名為web前端開發精品課之html與css進階教程的書，然后就借回去學習了。最主要的緣由還是外觀吸引了我，對照同類的書，這本書外觀新鮮而且內容也符合我的要求（由于當初html與css的基礎學問都學完了，想找一本進階的書學習學習），于是就將它順理成章地收入囊中了。其實，普通書的整體內容都差不多，粗看名目也看不出來區分，而且基本全部的書都大同小異，只需要按照自己的需求和喜好，花費幾分鐘的時光大致翻看、掃瞄一下就能發覺這本書是不是你想要的了。大四其次學期開頭，學院給我們組織支配了生產實習，雖然是在小學機房，但總的來說考慮的還算周到，總比沒

3、有強吧。其實，就是學院與其他單位舉行了合作，在我們找工作之前，找一些人來帶著我們做一些小項目，起碼能給簡歷潤色幾分，不至于到時候簡歷上的項目經受一欄都是空白，（不過說實話，在這之前我還就真的沒有任何web項目經受和閱歷，向來都在看視頻，看書學習，從來沒實戰過，正想著借此機會練練手呢，誰知道竟然講的是android項目，只好挺直無視）。于是，在實習期間我就向來在看這本書，幾乎沒聽過教師講課，究竟與自己的學習方向不符合，在這里鋪張時光還不如利用這段時光自學，然后就用了兩周的時光把這本書看完了，上面的案例也都自己手動敲了一遍（現在才感覺到：其實手動敲1遍真的太少，由于你會發覺沒過多久就把書上學到的技

4、巧忘光了，所以復習很重要，固然，理解和記憶同樣重要），覺得自己大致把握了書本中的內容后，就開頭出去找工作了。扯遠了，扯遠了，不扯了，現在回到正題。先看一下終于效果圖：我今日的學習內容如下：1.什么是dom？2.dom結構3.節點類型4.如何獵取dom元素；5.如何創建dom元素；6.如何插入dom元素；7.如何刪除dom元素；問題描述：在練習學問點7案例的過程中，基于案例本身想增強一個功能，在實現的過程中發覺了這個問題。有主意但是沒方法用代碼寫出來，測試了好多次都失敗了，實在是沒方法實現，只能去群里求助大神，終于找到了解決方法?，F場還原功能解釋：為了用原生js實現動態插入和刪除dom元素。案例

5、描述：頁面中包含一個ul無序列表，一個input輸入框和三個按鈕。其中，ul元素包含3個li元素。辦法實現：創建一個li元素節點和一個textnode文本節點，動態獵取輸入框的value值，賦值給textnode文本節點，然后將得到的textnode文本節點插入li元素當中，接著將組合好的li元素節點尾插在ul元素節點中，可分離實現尾插和頭插。刪除呢，就是，推斷輸入框的值是否和現有li元素的innerhtml值相等，有就刪沒有就不刪，并且提醒刪除失??！。說明解釋：尾插：appendchild( newnode )辦法——在父元素內部的最后一個子元素的后面

6、插入一個新元素頭插：insertchild( newnode , exsitingnode )辦法——在父元素內部已存在的隨意一個子元素前面插入一個新元素其實，我稱之為隨意子元素之前插入，可以簡稱為頭插。html代碼如下:靜態頁面js代碼如下：問題所在：之后實在找不到解決方法，就去群里請教了一番，這才知道緣由在哪里——規律方面的問題。由于要等全部的li元素都遍歷之后，才干推斷li元素中是否包含要插入的元素。我們不希翼看到執行一次循環alert()語句就被觸發一次，這明顯不可，所以alert()語句就不能在for循環

7、中寫。但是，假如寫在循環中，每循環一次都會執行到該語句，所以這個規律還有點欠缺。總感覺缺點什么東西，就是不知道到底缺什么。其實，欠缺的是如何推斷這個狀況到底有沒有發生。問：哪種狀況呢？答：即【遍歷過全部的li元素后，它的innerhtml值都與文本框的value值不相等】 這一狀況。問：通過哪種方式去推斷呢？答：在條件推斷（就是ifelse）語句中加上一個標識（或稱為開關，信號燈，旗幟）就行了。比如說，在最開頭定義一個標識，這么來說吧，用我們身邊的事情舉例，通俗易懂。紅綠燈大家都知道吧，紅燈停綠燈行，這個規章也是提前制定好的，不能轉變。在一開頭，公路上就安置了一個紅綠燈（即信號燈），而且規定紅

8、燈代表警告，禁止通行，綠燈代表允許，可以通行。問：那么，放置紅綠燈（即信號燈）的目的是什么呢？答：目的就是為了當預定的大事來暫時（這里指行人到達路口這一狀況），全部人都能按照信號燈的色彩來推斷當前應當怎么做，是停止還是通行?，F在就自不待言了，我們可以提前定義一個布爾（boolean，規律）類型的變量，命名為flag，它的特性剛好就能代表那個信號燈，由于布爾類型的變量惟獨兩個取值，false和true，可以分離表示紅燈和綠燈。固然也可以定義為0和1，0可以表示alse，1可以表示true。它應當不生疏吧，平常在好多的代碼中都能遇見它。起碼我見過好多次，但向來都不知道flag到底是干嘛用的，自然就

9、想不起來用它。也有可能好多人都不知道該怎么用法，那么現在就讓我們一起來好好熟悉一下這個所謂奇特的flag吧。問：什么是flag呢？答： 它的中文意思是旗幟，或旗標，flag是電腦程序中用于記錄程序狀態的一種標志，flag惟獨1（立起）和0（倒下）兩個數值，它可以用來協助程序做復雜條件的推斷。但其實呢，flag是程序員自己定義的變量，作為一個標志（志），標志當前的進程，或者標志某種狀態，用來控制程序的流向。只是由于在實際用法中便利好記才這么定義的。由于程序要實現的功能無數，為了區別各個程序段實現了什么功能就用標記位的值，然后用法if語句推斷標記位的值，進入相應的程序實現相應的功能，固然flag的值由你來打算。上面介紹了這么多，我們只需要知道：flag是用來做標記的，程序運行的過程中flag會產生變幻，flag=1就是給flag一個初始值1，然后在程序的運行過程中檢測flag的值，假如它的值為1，則表示沒有發生變幻；假如flag的值為0，則表示發生變幻了。終于就能以此來推斷程序的執行狀況。現在，讓我們重新來分析問題：假如我們預期的不想看到的大事發生了，就手動賦值讓flag=0；假如沒有發生，就手動賦值讓flag=1；剛