1、一般是將js單獨(dú)寫(xiě)在js文件中，然后頁(yè)面去引用js文件這樣做到HTML與JS的分離 然后對(duì)引用的js文件中的代碼進(jìn)行js的壓縮處理，轉(zhuǎn)化成不可讀的代碼這樣別人就很難能看懂你的JS代碼了。

2、1首先，打開(kāi)html編輯器，新建一個(gè)html文件，例如indexhtml2在indexhtml文件的ltscript標(biāo)簽中，寫(xiě)入js#39button#39clickfunction #39div#39hide#39div#39eqparseInt3 * Mathrandomsho。

3、1打開(kāi)html開(kāi)發(fā)軟件，新建一個(gè)html文件2在html文件上創(chuàng)建一個(gè)button按鈕，然后給這個(gè)按鈕設(shè)置一個(gè)id，在案例中把按鈕的id設(shè)置為show3然后創(chuàng)建一個(gè)隱藏的div，把需要隱藏的內(nèi)容寫(xiě)到這個(gè)div上，然后給這個(gè)div設(shè)置一個(gè)。

4、1首先寫(xiě)出架構(gòu)，兩個(gè) buttod 按鈕2下面是一個(gè) div 存放文本和在后面的被js控制3先用 css 選擇器 為 div 控制屬性4然后寫(xiě)出 script 標(biāo)簽，可以寫(xiě)在外部，然后在引用5然后我們用 js 設(shè)置變量。

5、1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml，編寫(xiě)問(wèn)題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽，輸入js代碼$#39button#39clickfunction$#39#123#39css#39display#39，#39block#393瀏覽器。

6、設(shè)置元素的display屬性可以控制其顯示與隱藏block表示顯示，表示隱藏，關(guān)鍵代碼 = quotblockquot quotquot實(shí)例演示點(diǎn)擊標(biāo)題控制相應(yīng)ul的顯示和隱藏狀態(tài) 1HTML結(jié)構(gòu) ltdiv id=quottestquotlta href=quot#。

7、首先將文本框隱藏掉 js通過(guò)觸發(fā)事件來(lái)顯示文本框 我們動(dòng)手實(shí)現(xiàn)一個(gè)小例子 lt！DOCTYPE html lthtml lang=quotquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10。

8、看代碼 ngshow and nghide directives 字符串1 字符串2 切換 案例二對(duì)于菜單上下文敏感的工具以及很多其他情況來(lái)說(shuō)，顯示和隱藏元素是一項(xiàng)核心的功能與Angualr中其他功能一樣，Angular是通過(guò)修改數(shù)據(jù)模型的方式來(lái)。

9、在body元素內(nèi)部插入一個(gè)div，div標(biāo)簽內(nèi)部插入三個(gè)p元素，分別加上vifvelse和vshow，如下圖所示在div標(biāo)簽下方插入ltscriptltscript元素，并在里面添加Vuejs代碼，如下圖所示預(yù)覽該靜態(tài)頁(yè)面，這時(shí)會(huì)發(fā)現(xiàn)顯示內(nèi)容。

10、ltscript function hideDiv 以下兩個(gè)語(yǔ)句，用visibility即使隱藏也占渲染位置，用display相當(dāng)于將這個(gè)div徹底抹掉 documentgetElementByIdquotdiv1quotstylevisibility = quothiddenquotdocumentgetElementByIdquotdiv2quot。

11、保存html代碼，然后使用瀏覽器打開(kāi)，點(diǎn)擊按鈕會(huì)發(fā)現(xiàn)按鈕后面的文字隱藏了，再次點(diǎn)擊按鈕隱藏的內(nèi)容又顯示出來(lái)所有代碼可以直接復(fù)制所有代碼，粘貼到新建html文件后，修改引入的vuejs路徑保存后使用瀏覽器打開(kāi)即可看到效果 。

12、js代碼不屬于動(dòng)態(tài)代碼，如果要看不出，只能寫(xiě)很復(fù)雜的函數(shù)，讓人看了不知所云。

13、給每個(gè)復(fù)選框添加click事件或者change事件，例如 lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無(wú)標(biāo)題文檔lttitleltheadltscript src=quot1113minjsquotltscriptlt。

14、步驟1構(gòu)造好頁(yè)面內(nèi)容2在css中設(shè)置一個(gè)隱藏類(lèi)hide，類(lèi)的樣式為display設(shè)置顯示類(lèi)show，樣式為displayblock3給需要隱藏的內(nèi)容設(shè)置類(lèi)名為hide，這樣就隱藏了控件4在js標(biāo)簽中，通過(guò)控件的類(lèi)名或者id。

15、javascript 包含在HTML中網(wǎng)頁(yè)上的靜態(tài)文本中包含三大部分，HTML，Javascript，CSS 這三種是捆綁在一起的，誰(shuí)也離不開(kāi)誰(shuí)比如 ltimg src=#39ajpg#39 style=#39width100pxheight100px#39 onclick=#39javascriptwindow。

16、隱藏時(shí)通過(guò) js 把 C 刪除，顯示時(shí)再創(chuàng)建一個(gè) frame指向chtml，并添加到 frameset例如在框架頁(yè)面定義windowshowC = function visible var fs = documentgetElementByIdquotfsquotifvisible var frame =。

17、準(zhǔn)備兩個(gè)文件，一個(gè)是你要調(diào)用的js文件，用記事本里面寫(xiě)上你要的js代碼，我這里只做示例，就寫(xiě)個(gè)簡(jiǎn)單的彈窗alertquotOKquot保存成1js第二個(gè)文件html網(wǎng)頁(yè)，用記事本寫(xiě)上ltscript type=quottextjavscriptquot src=quot1jsquot。