HTML5 自動顯示和隱藏文字，hidden屬性，為何以下方法不能實現(xiàn)？

phidden屬性在html5中，只要存在，就是隱藏效果，而不論值為多少/p

10年積累的成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有汝南免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

p要顯示元素，要刪除hidden屬性，而不是設(shè)置為false/p

script

type="text/javascript"

async="true"

function

qq_onclick(){

var

text_2=document.getElementById("text_1");

text_2.removeAttribute("hidden");

}

function

qq_close(){

var

text_1=document.getElementById("text_1");

text_1.setAttribute("hidden",true);

}

/script

HTML5初學(xué)者筆記

HTML5記錄

一、VS code引入插件后運行，終端執(zhí)行

二、引入外部js文件：

1、js的exports.a = a；方式暫時不知道怎么做

2、直接引入，script之后可以直接使用。參照html-vue項目

3、數(shù)據(jù)類型

String、Number、Boolean、Null、undefined、symbol、Object、Array、Function

三、 JS顯示數(shù)據(jù)方式：

window.alert()

document.write()

innerHTML=‘’

console.log()

四、 let、const、var

五、全局變量、局部變量注意點

如果變量在函數(shù)內(nèi)沒有聲明（沒有使用 var 關(guān)鍵字），該變量為全局變量。

六、事件：

onchange、onclick、onmouseover、onmouseout、onkeydown、onload…

html dom onclick之類的直接使用，vue是@click，小程序是bindTap

七、 this關(guān)鍵字：

1、在對象方法中， this 指向調(diào)用它所在方法的對象。

2、單獨使用 this，它指向全局(Global)對象。

3、函數(shù)使用中，this 指向函數(shù)的所屬者。

4、嚴(yán)格模式下函數(shù)是沒有綁定到 this 上，這時候 this 是 undefined。

5、在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素。

6、apply 和 call 允許切換函數(shù)執(zhí)行的上下文環(huán)境（context），即 this 綁定的對象，可以將 this 引用到任何對象。

八、 箭頭函數(shù)：

1、有的箭頭函數(shù)都沒有自己的 this 。 不適合定義一個 對象的方法。

2、當(dāng)我們使用箭頭函數(shù)的時候，箭頭函數(shù)會默認(rèn)幫我們綁定外層 this 的值，所以在箭頭函數(shù)中 this 的值和外層 的 this 是一樣的。

3、箭頭函數(shù)是不能提升的，所以需要在使用之前定義。

4、使用 const 比使用 var 更安全，因為函數(shù)表達(dá)式始終是一個常量。

九、閉包：

閉包是一種保護(hù)私有變量的機(jī)制，在函數(shù)執(zhí)行時形成私有的作用域，保護(hù)里面的私有變量不受外界干擾。

直觀的說就是形成一個不銷毀的棧環(huán)境。

閉包會持有父方法的局部變量和參數(shù)并且不會隨父方法銷毀而銷毀

不必要的閉包只會增加內(nèi)存消耗

十、 事件

body事件：onload、onunload

元素事件：onclick、onmouseover、onmouseout、onmousedown、onmouseup、onfocus

事件捕獲

document.getElementById(‘demo’).addEventListener(‘事件名’, 方法名, 是否捕獲傳遞)

方法名：如果是相應(yīng)事件，則只可寫方法名methodName，寫成methodName()則會自動執(zhí)行

如果方法需要傳遞參數(shù)，則只可以使用匿名函數(shù)， function( { methodName(p1, p2) } );

是否捕獲傳遞：默認(rèn)false，即冒泡傳遞

IE8和更早版本： x.attachEvent("onclick", myFunction) ;

十一、Window加載，頁面聲明周期入口

window.onload = function () { }

十二、數(shù)據(jù)存儲

localStorage不會被自動刪除，

sessionStorage 網(wǎng)頁關(guān)閉會自動刪除

cookie

sql

manifest文件

區(qū)別：

localStorage只要在相同的協(xié)議、相同的主機(jī)名、相同的端口下，就能讀取/修改到同一份localStorage數(shù)據(jù)。

sessionStorage比localStorage更嚴(yán)苛一點，除了協(xié)議、主機(jī)名、端口外，還要求在同一窗口（也就是瀏覽器的標(biāo)簽頁）下。

十三、 CSS聲明權(quán)重（選擇器）

內(nèi)聯(lián)ID偽類屬性類元素/類型通用

!important會改變優(yōu)先級

十四、 元素隱藏/顯示

1、dispatch：none 隱藏 不占用空間

2、visibility：hidden 隱藏，仍然占用空間

3、v-if 存在/不存在

4、v-show 只生成一次，占用內(nèi)存

十五、 Position

static 默認(rèn)方式，沒有定位

fixed 相對于瀏覽器窗口固定定位，不占用文檔流，其他元素會相對位移

absolute 相對于最近的已定位父元素定位，不占用文檔流，其他元素會相對位移

relative 相對于自身的定位

sticky 粘滯定位，基于用戶的滾動位置定位

十六、 float

1、只能左右浮動

2、左右浮動，直到外邊緣碰到另一個浮動元素

3、浮動之后的元素將圍繞它

4、浮動之前的元素不受影響

5、如果是圖像浮動，下面的文本流將環(huán)繞它

6、clear聲明的元素， 屬性指定元素兩側(cè)不能出現(xiàn)浮動元素。

推薦使用flex布局

十七、 文字顯示…

單行

任意行

十八、 box-shadow順序

十九、 flex布局

容器屬性：

屬性 / 說明可選值

f方向： lex-direction

換行：flex-wrap

簡寫：flex-flow

主軸上的對齊方式：justify-content

交叉軸上如何對齊：align-items

多根軸線的對齊方式：align-content。

如果項目只有一根軸線，該屬性不起作用

項目item屬性:

order：排列順序，越小越靠前

flex-grow：放大比例，2比1占用的空間大一倍

flex-shrink：縮小比例，默認(rèn)1，當(dāng)空間不足時等比例縮小。如果一個項目的屬性為0，其他項目都為1，則空間 不足時，前者不縮小

flex-basis：定義了在分配多余空間之前，項目占據(jù)的主軸空間

flex ：簡寫

align-self：允許單個項目與其他項目不一樣的對齊方式，可覆蓋align-items屬性。默認(rèn)值為auto，表示繼承父元素的align-items屬性，如果沒有父元素，則等同于stretch

HTML5如何隱藏和顯示頁面滾動條？

用CSS可以實現(xiàn)效果。代碼如下： html{height:100%;}body{height:100%;overflow:hidden;}//overflow:hidden為隱藏滾動條 body{overflow:scroll;}//如果內(nèi)容高度大于屏幕就會顯示滾動條

HTML5顯示和影藏DIV

div的visibility可以控制div的顯示和隱藏，但是隱藏后頁面顯示空白:

style="visibility: none;"

document.getElementById("typediv1").style.visibility="hidden";//隱藏

document.getElementById("typediv1").style.visibility="visible";//顯示

在移動端怎么將HTML5中的video標(biāo)簽的控件去掉或者隱藏

兩種方法如下：

1、用css隱藏video視頻播放控件：

style type="text/css"

video::-webkit-media-controls{

display:none !important;

}

/style

css隱藏原生html5 video controls，這么設(shè)置后即使沒有設(shè)置controls為false，native controls也不會再出現(xiàn)。其他的按鈕，包括播放按鈕、播放進(jìn)度條、靜音按鈕、音量條等，都可以像全屏按鈕一樣自定義樣式。不止是隱藏。

2、用js隱藏video視頻播放控件：

script type="text/javascript"

var video=document.getElementById("video");

video.controls=false;

/script

HTML5的video雖然可用controls來展示控件，并進(jìn)行控制播放暫停等，但是不同的瀏覽器顯示的效果可能不一樣，所以很多時候需要使用Dom來進(jìn)行自定義的一些操作和控制。

擴(kuò)展資料：

HTML5 video標(biāo)簽中的新屬性：

1、autoplay：如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。

2、controls：如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。

3、height：設(shè)置視頻播放器的高度。

4、loop：如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開始播放。

5、muted：規(guī)定視頻的音頻輸出應(yīng)該被靜音。

6、poster：規(guī)定視頻下載時顯示的圖像，或者在用戶點擊播放按鈕前顯示的圖像。

7、preload：如果出現(xiàn)該屬性，則視頻在頁面加載時進(jìn)行加載，并預(yù)備播放。

8、src：要播放的視頻的 URL。

9、width：設(shè)置視頻播放器的寬度。

參考資料來源：百度百科-html5 video

名稱欄目：關(guān)于html5隱藏顯示的信息
本文網(wǎng)址：http://m.rwnh.cn/article4/phgjie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、Google、動態(tài)網(wǎng)站、App開發(fā)、全網(wǎng)營銷推廣、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)