HTML编程经验之谈

我

 

<input id="age_child" name="age" type="radio" value="child" />
<label for="age_child">I am younger than 21</label>
<input id="age_adult" name="age" type="radio" value="adult" />
<label for="age_adult">I'm over 21</label>

 label for能够扩大可点击的领域。是不错滴。

css中加!important;是当样式有冲突时，首选它，

如： #menus li a { font-size:14px !important; }

 

inline JavaScript (href="javascript:x" or onclick="x" ) is generally bad. With inline JavaScript, you won't have access to the event object, and you can't really be sure what this references to.

you can't listen click event for the html area which is created by javascript但是可以通过id获取到该对象后，再进行相关操作。

例如下面的click是不会被监听到，如果<a class='deldish'>这个东西是js生成的对象的话。但我可以加上onclick="haha()"来操作它

$('a.deldish').click(function() {
    tr = $(this).closest('tr')
    alert(tr.attr("code"))
    tr.find('.code').html()
    delDish(tr.attr("code"));
    tr.remove();//这可以移除一个tr哦
  });

 下面的remove和上面的tr.remove()没有任何关系。下面是我为Array追加的一个方法，

:javascript
  Array.prototype.remove = function(e) {
    var t, _ref;
    if ((t = this.indexOf(e)) > -1) {
        return ([].splice.apply(this, [t, t - t + 1].concat(_ref = [])), _ref);
    }
  };

 这个remove方法可以帮助我们移除array的某一个对象。Array默认是没有该方法的。

 

haml

%tr{:id=>'category'+category.id.to_s, :style=>'display:none'}

%tr(id='category'+category.id.to_s style='display:none')

这两种方式表达效果相同，第二种方式代码更短；但对于页面复杂的情况，比如此处，第二种方式会报错。因此复杂时要用第一种。

 

如果一个链接是'#'，那么当页面比较高时，会导致自动的显示到网页最前端，解决办法是css中加position:relative，link中需要用‘#_’替换'#'