javascript网页特效学习笔记

javascript网页特效学习笔记

ID:14558147

大小:228.00 KB

页数:23页

时间:2018-07-29

javascript网页特效学习笔记_第1页
javascript网页特效学习笔记_第2页
javascript网页特效学习笔记_第3页
javascript网页特效学习笔记_第4页
javascript网页特效学习笔记_第5页
资源描述:

《javascript网页特效学习笔记》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

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

2、y>6本页面的是反向显示的。782、实现网页的自动最大化有的时候,我们打开网页时,该网页会自动最大化。我们可以使用javascript的screen对象,实现网页最大化。首先使用self(代表当前窗口对象本身)调用moveTo方法,将窗口移动到坐标(0,00)处,之后调整窗口的大小,宽和高都是屏幕的可用高和宽。[html]viewplaincopyprint?123页面自动最大化45self.m

3、oveTo(0,0);//使用self代表自身这个窗口,调用moveTo方法6self.resizeTo(screen.availWidth,screen.availHeight);//将窗口的大小调整为屏幕的可用大小78910本页面打开的时候会自动化。11123、页面的自动刷新想要实现页面的自动刷新有两种方法,第一种是用html的meta属性,第二是调用window对象的location对象的reload()方法。[html]viewplaincopyprint

4、?1312实现页面的自动刷新345functionreload()6{7window.location.reload();//第二种方法8}9setInterval("reload()",3000);10111213这个页面将在3秒后刷新14154、实现页

5、面的后退,前进,刷新后退、前进、刷新这些都是网页中常见的操作,我们可以通过JavaScript代码完成这些功能。使用history对象的go方法可以实现页面的前进,后退和刷新。[html]viewplaincopyprint?123实现页面的后退、刷新、前进45functiongoback()6{7history.go(-1);8}9functionrefresh()10{11history.go(-0);12}13fun

6、ctionforward()14{15history.go(+1);16}171819202112345、让别人看不到网页的源代码有的时候为了让自己做的网页的不被他人知道

7、怎么做的,可以通过将网页的源代码进行屏蔽,这样当他人查看网页源代码的时候就看不到自己编写的网页源代码了。[html]viewplaincopyprint?567保护网页的源代码89functionclear()10{11source=document.body.innerHTML;12document.open();13document.write("代码已经被屏蔽

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

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。