javascript網(wǎng)頁(yè)特效學(xué)習(xí)筆記

《javascript網(wǎng)頁(yè)特效學(xué)習(xí)筆記》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、JavaScript網(wǎng)頁(yè)特效學(xué)習(xí)筆記1在網(wǎng)絡(luò)中有許多的特效都是用JavaScript編寫(xiě)的，這幾天通過(guò)看書(shū)和看視頻，簡(jiǎn)單的學(xué)習(xí)了幾個(gè)網(wǎng)頁(yè)常見(jiàn)的特效，和大家分享一下。1、使HTML頁(yè)面反向顯示我們?yōu)g覽網(wǎng)頁(yè)的時(shí)候，都是正向顯示的?？梢酝ㄟ^(guò)html的dir屬性可以設(shè)置網(wǎng)頁(yè)的反向顯示，一些其他的控件都有這個(gè)屬性，控制文本的顯示方向。[html]viewplaincopyprint?1//rtl代表從右向左顯示，默認(rèn)是ltr2345

2、y>6本頁(yè)面的是反向顯示的。782、實(shí)現(xiàn)網(wǎng)頁(yè)的自動(dòng)最大化有的時(shí)候，我們打開(kāi)網(wǎng)頁(yè)時(shí)，該網(wǎng)頁(yè)會(huì)自動(dòng)最大化。我們可以使用javascript的screen對(duì)象，實(shí)現(xiàn)網(wǎng)頁(yè)最大化。首先使用self（代表當(dāng)前窗口對(duì)象本身）調(diào)用moveTo方法，將窗口移動(dòng)到坐標(biāo)（0,00）處，之后調(diào)整窗口的大小，寬和高都是屏幕的可用高和寬。[html]viewplaincopyprint?12345self.m

3、oveTo(0,0);//使用self代表自身這個(gè)窗口，調(diào)用moveTo方法6self.resizeTo(screen.availWidth,screen.availHeight);//將窗口的大小調(diào)整為屏幕的可用大小78910本頁(yè)面打開(kāi)的時(shí)候會(huì)自動(dòng)化。11123、頁(yè)面的自動(dòng)刷新想要實(shí)現(xiàn)頁(yè)面的自動(dòng)刷新有兩種方法，第一種是用html的meta屬性，第二是調(diào)用window對(duì)象的location對(duì)象的reload()方法。[html]viewplaincopyprint

4、?1312345functionreload()6{7window.location.reload();//第二種方法8}9setInterval("reload()",3000);10111213這個(gè)頁(yè)面將在3秒后刷新14154、實(shí)現(xiàn)頁(yè)

5、面的后退，前進(jìn)，刷新后退、前進(jìn)、刷新這些都是網(wǎng)頁(yè)中常見(jiàn)的操作，我們可以通過(guò)JavaScript代碼完成這些功能。使用history對(duì)象的go方法可以實(shí)現(xiàn)頁(yè)面的前進(jìn)，后退和刷新。[html]viewplaincopyprint?12345functiongoback()6{7history.go(-1);8}9functionrefresh()10{11history.go(-0);12}13fun

6、ctionforward()14{15history.go(+1);16}171819202112345、讓別人看不到網(wǎng)頁(yè)的源代碼有的時(shí)候?yàn)榱俗屪约鹤龅木W(wǎng)頁(yè)的不被他人知道

7、怎么做的，可以通過(guò)將網(wǎng)頁(yè)的源代碼進(jìn)行屏蔽，這樣當(dāng)他人查看網(wǎng)頁(yè)源代碼的時(shí)候就看不到自己編寫(xiě)的網(wǎng)頁(yè)源代碼了。[html]viewplaincopyprint?56789functionclear()10{11source=document.body.innerHTML;12document.open();13document.write("代碼已經(jīng)被屏蔽

8、!");14document.close();1document.title="看不到源代碼";2document.body.innerHTML=source;3}456