JavaScript网页特效学习笔记.doc

《JavaScript网页特效学习笔记.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JavaScript网页特效学习笔记1在网络中有许多的特效都是用JavaScript编写的，这几天通过看书和看视频，简单的学习了几个网页常见的特效，和大家分享一下。1、使HTML页面反向显示我们浏览网页的时候，都是正向显示的。可以通过html的dir属性可以设置网页的反向显示，一些其他的控件都有这个属性，控制文本的显示方向。[html]viewplaincopyprint?1//rtl代表从右向左显示，默认是ltr23456本页面的是反向显示的。78

2、>2、实现网页的自动最大化有的时候，我们打开网页时，该网页会自动最大化。我们可以使用javascript的screen对象，实现网页最大化。首先使用self（代表当前窗口对象本身）调用moveTo方法，将窗口移动到坐标（0,00）处，之后调整窗口的大小，宽和高都是屏幕的可用高和宽。[html]viewplaincopyprint?12345self.moveTo(0,0);//使用self代表自身这个窗口，调用moveTo方法6self.resizeTo(scree

3、n.availWidth,screen.availHeight);//将窗口的大小调整为屏幕的可用大小78910本页面打开的时候会自动化。11123、页面的自动刷新想要实现页面的自动刷新有两种方法，第一种是用html的meta属性，第二是调用window对象的location对象的reload()方法。[html]viewplaincopyprint?1312345functionreload()6{7window.location.reload();//第二种方法8}9setInterval("reload()",3000);10111213这个页面将在3秒后刷新14154、实现页面的后退，前进，刷新后退、前进、刷新这些都是网页中常见的操作，我们可以通过JavaScript代码完成这些功能。使用history对象的go方法可以实现页面的前进，后退和刷新。[html]viewplaincopyprint?1

5、tml>2345functiongoback()6{7history.go(-1);8}9functionrefresh()10{11history.go(-0);12}13functionforward()14{15history.go(+1);16}17181920211

6、刷新"onclick="refresh()"/>2345、让别人看不到网页的源代码有的时候为了让自己做的网页的不被他人知道怎么做的，可以通过将网页的源代码进行屏蔽，这样当他人查看网页源代码的时候就看不到自己编写的网页源代码了。[html]viewplaincopyprint?5678

7、>9functionclear()10{11source=document.body.innerHTML;12document.open();13document.write("代码已经被屏蔽!");14document.close();1document.title="看不到源代码";2document.body.innerHTML=source;3}456