JavaScript中的流程控制语句总结

JavaScript语言中的流程控制语句与Java语言中几乎完全一致,分支流程可以使用if else结构或switch结构,循环流程可以使用for或while循环,具体语法如下。

1.if语句的语法结构

if语句的语法结构如下:

1.???????? if?(条件表达式A)?{
2.???????? //条件表达式A为true,所执行的代码块
3.???????? }?else?if(条件表达式)B?{
4.???????? ????//条件表达式B为true,所执行的代码块
5.???????? }?else?{
6.???????? ????//?条件表达式A和条件表达式B都为false,所执行的代码块
7.???????? }

2.switch语句的语法结构

switch语句的语法结构如下:

1.???????? switch?(表达式)?{
2.???????? ???case?值1?:
3.???????? ???????//表达式与值1匹配时,所执行的代码块
4.???????? ????????break;
5.???????? ???case?值2?:
6.???????? ???????//表达式与值2匹配时,所执行的代码块
7.???????? ????????break;
8.???????? ???default?:
9.???????? ???????//所有case值都与表达式不匹配时,所执行的代码块
10.????? }

3.for语句的语法结构

for语句的语法结构如下:

1.???????? for?(初始化语句;?循环判断条件;?循环执行语句)?{
2.???????? ???????//循环体
3.???????? }

4.while语句的语法结构

while语句的语法结构如下:

1.???????? while?(循环判断条件)?{
2.???????? //循环体
3.???????? }

5.do…while语句的语法结构

do…while语句的语法结构如下:

1.???????? do?{
2.???????? //循环体
3.???????? }?while?(循环判断条件);

6.综合演示

下例综合使用各种流程结构通过javascript动态在页面中生成一个隔行换色的HTML表格,其中用到了document.write()方法,该方法用于向HTML页面中输出内容。

1.???????? <html>
2.???????? <head>
3.???????? <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
4.???????? <script?type="text/javascript">
5.???????? ????//rows为表格的行数,cols为表格的列数
6.???????? ????var?rows?=?6;
7.???????? ????var?cols?=?8;
8.???????? ????document.write('<table?width="100%"?border="1">');
9.???????? ????document.write('<caption>动态生成表格</caption>');
10.????? ????document.write('<tbody>');
11.????? ????for?(var?row?=?0;?row?<?rows;?row++)?{
12.????? ????????if?(row?%?2?==?0)?{
13.????? ????????????document.write('<tr?bgcolor="#cccccc">');
14.????? ????????}?else?{
15.????? ????????????document.write('<tr>');
16.????? ????????}
17.????? ????????for?(var?col?=?0;?col?<?cols;?col++)?{
18.????? ????????????document.write('<td>'?+?col?+?'</td>');
19.????? ????????}
20.????? ????????document.write('</tr>');
21.????? ????}
22.????? ????document.write('</tbody>');
23.????? ????document.write('</table>');
24.????? </script>
25.????? </head>
26.????? <body>
27.????? </body>
28.????? </html>
Seo先生博客发布,转载请注明,本文固定链接地址:http://SeoSir.cc/649.html

 

绚丽的jQuery和CSS打造的图片动画

jQuery帮助您改善您的网站架构。作为JavaScript框架的一部分,JQ是不断更新的,目前已经更新到1.8,你看到大街上的广告牌,图片淡出,这个用JQ就可以实现,你看到有的网站每次刷新页面,背景图片每次都会变换,这个效果也可以用它来实现,等等,在这篇文章中,我为您介绍20很棒效果插件,你可以找到基于jQuery的一个新的CSS动画图片效果,以改善您的网站架构!

1. Rotating Billboard System with jQuery
使用一些图片,CSS和jQuery创建两个广告效果的旋转广告牌。实现的效果是一个广告消失,另一个广告出现

演示? ?免费下载

2. Contextual Slide out
jQuery | CSS3实现的Slideout Tips,个性网页提示效果,用本效果的TIPS可以提示文字或图片,而且带点渐入渐出的动画效果,看上去过渡更自然,

演示? ?免费下载

3. JQuery Slider
这是一个高度可定制的jQuery滑块插件。你可以设置其宽度,高度,分页和其他参数。

演示? ?免费下载

4. Bubble Navigation with jQuery
利用jQuery创建一个具有冒泡效果的导航界面。当鼠标移过一些圆形导航图标时会释放一个汽泡。

演示? ?免费下载

5. Circulate
Circulate是一个可以让你的图片围绕你的页面进行旋转的jQuery插件。

演示? ?免费下载

6. Craft Map
一个轻量级的(6kb),完全可配置的jQuery插件,通过覆盖元素可以将简单图片转换成一个功能性的地图。

演示? ?免费下载

7. Face book Page Photo Gallery
在关于自己的页面上,展示你的头像特效照片。

演示? ?免费下载

8. Disruptive Talk
这个插件允许你的用户从你的网站上拨打你网站上留下的电话

演示? ?免费下载

9. Better Backgrounds
显示随机的背景图片每次用户刷新页面或者关闭浏览器重新访问,图片背景是全屏滚动或者是固定的图片

演示? ?免费下载

10. Glissejs
glisse.js是一个简单,反应迅速,完全可定制的jQuery图片浏览器。

演示? ?免费下载

11. Fancy Gallery Lite

演示? ?免费下载

12. 3D Sphere Using jQuery
我们将建立一个球体旋转取决于哪个方向移动鼠标.

演示? ?免费下载

13. Photo Zoom Out Effect with jQuery
Photo Zoom Out Effect with jQuery是一款很有意思的jQuery特效,支持鼠标移过放大当前图片。

演示? ?免费下载

14. Revealing Photo Slider
基于jquery的图片缩放特效,效果靓丽,图片切换平滑。

演示? ?免费下载

15. Sponsor Flip Wall With jQuery CSS
一个非常不错的显示数据到网格里的插件。 点击后,缩略图会翻转,然后显示更多信息。

演示? ?免费下载

16. Image gallery with fancy transitions effects
一款非常棒的图片幻灯淡出渐进效果的插件,点击前后切换按钮,图片来回组合成一张大图片

演示? ?免费下载

17. zoomooz
Zoomooz.js 是一个易用的 jQuery 插件让网页的元素可进行优雅的缩放操作,特别适用相册网站

演示? ?免费下载

18. Easy Scroll
在任何情况下,有一个参数,可以使你的滚动产生独特的效果。

演示? ?免费下载

19. jQuery DJ Hero
jQuery DJ Hero 结合了jQuery和CSS3技术,你可以选择开始,加速或减速,目前还没有真实的音乐效果,不过在后期会提供,这个演示只能在支持CSS3的浏览器上工作,最新版本的Safari,Firefox,Chrome都支持。。

演示? ?免费下载

20. Rhinoslider
Rhinoslider是一款新发布的jQuery插件,它不单单提供非常可供选择的过渡效果,同时也允许你添加你自己的样式,效果及其特性

演示? ?免费下载

Seo先生博客发布,欢迎订阅本站。

关于整站FLASH针对于SEO的方法

站长朋友们都清楚,Flash站点加载时间相比于普通的网页页面会长很多,在FLASH站点上做内容的构建相比普通的站点会有一定的局限性。而且整站FLASH并不能很好的让搜索引擎进行抓取与收录。那么,对于企业来说,这样就浪费了太多的在互联网上展示自己的机会。那么针对于FLASH站点,我们怎样来做优化推广的工作呢。下面我根据接手的唯科手机官网这个站点,做出一下几点方法做为参考:

1.使用SWFObject 。SWFObject是一个用于在HTML中方面插入Adobe Flash媒体资源,它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外,它能够避免您的 HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准。

2.不要用Flash调用外部文件:谷歌会把外部文件像XML文件当成单独的页面,所以要确保你的文字和链接都嵌入在swF文件中。

3.使用简洁的Flash :简洁的Flash更利于网页的速度和搜索引擎优化,同时给用户带来更好的体现。

4.不要使用Flash(这一点也算为FLASH站点的一个发展方向点): 一个网络调查显示,用JavaScript代码代替Flash同样可以打动观众,而相对的,JavaScript代码更利于SEO。但不幸的是,视觉创意Flash开发者比起javascript程序员多得多。 SEO是通过搜索引擎让企业的信息得到最大的展现推广,而企业的网站更多的就是要展现企业本身的风采与产品讯息。由此可见,企业本身如果在互联网用户的心中知名度并不高的时候,还是要采用符合当前搜索引擎喜好的网站结构。

以上几点,只是针对于整站FLASH的网站来额外补充的几点,剩下的工作当然也要按照正规优化方法进行工作。

Seo先生博客发布,本文固定地址:?http://SeoSir.cc/537.html?欢迎转载。

初学者必懂的30条HTML代码编写

本文总结了30条html代码编写指南,只要在编写HTML代码的过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。?

1. 一定要闭合HTML标签

在以往的页面源代码里,经常看到这样的语句:

<li>Some text here. <li>Some new text here. <li>You get the idea.

也许过去我们可以容忍这样的非闭合HTML标签,但在今天的标准来看,这是非常不可取的,是必须百分百避免的。一定要注意闭合你的HTML标签,否则将无法通过验证,并且容易出现一些难以预见的问题。

最好使用这样的形式:

<ul> <li>Some text here. <li>Some new text here. <li>You get the idea.

2. 声明正确的文档类型( DocType )

笔者早先曾加入过许多CSS论坛,在那里,如果有用户遇到问题,我们会建议他首先做两件事:

  • 1. 验证CSS文件,解决所有可见的错误
  • 2. 加上文档类型 Doctype

DOCTYPE 定义在HTML标签出现之前,它告诉浏览器这个页面包含的是HTML,XHTML,还是两者混合出现,这样浏览器才能正确的解析标记。 (more…)