预览模式: 普通 | 列表

JavaScript之Break VS Continue

JavaScript学习中,同学们若在我的学习笔记中发现错误,请麻烦告知于我,谢谢! 

  BreakContinue是可以使用在JavaScript循环中的两个特殊语句。虽然它们都有打断循环的意思,但在本质上却是有区别的。

  Break: 是用来打断整个循环的,并且继续执行循环后面的内容;

  Continue: 是用来打断当前的这次循环,进入下一个值继续循环。

Break的例子:

<script type="text/javascript">
var i;
var x = 5;
for(i = 0; i < 10; i++){
  if(i == x){
    break;
  }
  document.write( i + ", ");
}
</script>

  上例的结果为:0, 1, 2, 3, 4,

Continue的例子:

<script type="text/javascript">
var i;
var x = 5;
for(i = 0; i < 10; i++){
  if(i == x){
    continue;
  }
  document.write( i + ", ");
}
</script>

查看更多...

Tags: js JavaScript break continue

分类:JavaScript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 53

5.1归来

  假改后的第一个5.1,很充实,很高兴,很舒适。

  多年的好友过来看望;大哥途径此地来看望。

分类:Life | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 60

请为列表序号留些余地(二)

  (本文的代码均为测试用代码,不做严谨的考虑)

  上篇文章已经讲过了ul了,现在再来看看ol。

  ol是用来引起一个有序的列表,比如我们常常说的TOP排行。

  仍如上篇文章所讲,我们不要二次剥夺其主权。前面已经涉及到的内容,本篇就只简单讲几句。如有下一图:

查看更多...

Tags: ul ol li 列表 列表序号

分类:User Experience | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 195

请为列表序号留些余地(一)

  请为列表序号留些余地,不要二次剥夺其本职行使权。

  在web标准,用户体验等东西如火如荼的今天,很多被人们忽略许久的元素被重新重用了起来,说到这里,当然就不得不说说今天要谈的列表元素:ul和ol。

  在现今浩如烟海的网站里,ul和ol都被大量用来引起文章列表,它们的本职作用也被逐渐的体现出来了。

  然而ul和ol所特有的项目序号却似乎让人生厌甚至忽视了,当然,这既有它本身的原因,也不乏使用者的原因。由于ul、ol的项目序号是我们无法操控的(项目序号与文字之间的间距无法调整),所以,对于这默认的序号,我们要么只能去掉,要么只能将就着使用,所以这似乎成了人们讨厌它们的理由,也正因为如此,通常情况下,项目序号都被我们直接重置为none被忽视了。

查看更多...

Tags: ul ol li 列表 列表序号

分类:User Experience | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 270

background与border的恩怨情仇

  background与border的恩怨情仇你了解多少呢?

  它们之间究竟有什么关系,这个我也不知道,我只是想把一个曾经让我郁闷过一次的问题讲述出来,或许你碰上后就不必“重复”郁闷了。

  话说那是一个风和日丽,万里无云的日子,我正在做着一个小站。突然,一个简单的东东让我咬掉了2mm的手指甲而不自知。

  一切都緣起于一个类似的下图的效果,原图找不到了(那是距今约有5,6百个日日夜夜的一张图):

查看更多...

Tags: background border haslayout

分类:CSS | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 301

如何让半透明的GIF图片在浏览器中不出现锯齿

  对于不支持半透明的gif图片格式,我们想要在web中表现半透明效果时,只能将其转换成支持透明的PNG格式;然而转换为PNG格式后,IE6及以下浏览器又不能直接支持(可以用滤镜方式解决,但不推荐),让人又一次无语。

  那有什么办法让没有背景的gif图像在web 中不出现锯齿呢?没有完美的方法,只有一些可以将就着用的方案。

  其一,我以前会用的方法:描边——给无背景的图片描上和这张图片将要放在web中的那个位置的背景色相同或相近的颜色。这其实也算是一个可以将就的解决方案了,不过稍嫌有点麻烦。

  其二,我现在会使用的方法:在保存无背景的gif图片时,选择“杂边”为“自定...”,然后在“自定...”里选择和这张图片将要放在web中的那个位置的背景色相同或相近的颜色,保存完成,OK!

查看更多...

分类:Other | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 284

一个可选择可输入的下拉框

  一个既可以选择又可以输入的下拉框select,应该说已经有不少的人都写过了,虽然简单,但方法也不尽相同,适用性也有强有弱。

  之所以要写这么一个东东,当然是因为有这个需求才写的。在网上找了半天虽然也找到一些不错的demo,但有的要么太复杂了,有的要么不够完美,和我想要的总有那么一点出入,所以只好自己写一个了。

  由于是要让select变得可以输入,很简单的就会让我们想到在其上覆盖一个input输入框。让其只遮住select的左半部分,右边的选择按钮仍留在外,这样就会变得可以输入了。按照这个想法,一个demo很快就出来的,一路测试,几乎适用于我机器上的所有浏览器,但最后却栽在了ie6及以下浏览器的手里 - -!

  事情总是不那么喜欢顺着你的思维去发展,我们大家或许都知道select和iframe等这样的东东在ie6及以下浏览器中的层次是非常高的。它们不允许有其它的东西来抢它们的风光,于是所有想遮住它们“绝世容颜”的“刺客”最后都会被它们镇压在身下。可怜的input也难逃此劫。

查看更多...

Tags: 可输入的下拉框

分类:CSS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 386

回头来看看Table:完整的table结构原型

  还是table的文章,讲的是关于table的非常基础的东西。其实是在写了《回头来看看Table:TD也玩overflow:hidden》之后从硬盘里翻出来一段代码后修改整理的,也不知道是什么时候的作业了,估计是在某年某月某日那个月黑风高的晚上:)

  其实这只是一段把能往table里嵌套的东东都嵌套进去了的代码(差点说漏嘴,说把不能往里嵌套的东东也嵌套进去了)。

  table估计搞web的人都用过,就算现在不复以前那么风光了,但还是应该要知道和认识的一个东西。

  在table里,tr, td, th等几个家伙估计是可以信手拈来的。但还有一些诸如colgroup, col, caption, tfoot之类的可能就不是那么眼熟了。

查看更多...

分类:(X)HTML | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 411

奥运年,我再次光顾了神舟

  就在前几天,入手了一台神舟优雅 hp800的笔记本电脑。标题为什么要说“再次”呢?原因很简单,因为之前用来蛮长一段时间的神舟笔记本。对于早已“名声在外”的神舟,我也不多加评论,毕竟质量是否过硬,还要等用过了才知道。

  先来说说此次购机的简单过程:

  几年前,大哥购入了一台神舟承运系列的笔记本,我用了几有2年,所以对神舟笔记本的方方面面应该还算是有点话语权的。神舟笔记本一直以来就是以高性价比展现在世人面前的,所以此次神舟也成了我购机的首选。

  由于预算只在5,6K之间,所以除了神舟之外,其它的品牌在该价位上很少会出现让我心仪的配置。

查看更多...

Tags: 奥运 奥运年 神舟 神舟笔记本 优雅 hp800

分类:Life | 固定链接 | 评论: 7 | 引用: 0 | 查看次数: 421

回头来看看Table:TD也玩overflow:hidden

  或许我这篇文章一取这样的名字,就会有人要问了:你怎么还在关注table啊,那早就过时了…赶紧Xhtml…div好…ul好…ol好…dl好…完了,不知道还有什么好了。

  table真的过时了么?你真的了解table么?你真的会用table么?

  打口水仗不是我们要做的,留给那些时间很充裕的人吧。

  言归正传:

查看更多...

Tags: table overflow

分类:CSS | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 983