html 备忘录

最新推荐文章于 2024-09-05 22:58:10 发布

weixin_34345753

最新推荐文章于 2024-09-05 22:58:10 发布

阅读量348

点赞数

CC 4.0 BY-SA版权

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/meilihao/blog/151517

本文详细阐述了前端开发中常见的问题及其解决策略，包括块元素与内联元素的区别、Bootstrap框架使用注意事项、动态按钮事件处理、表单提交冲突等。通过实例分析，提供了解决这些问题的实用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

1.块元素和内联元素的主要区别

A.块元素会自动在末尾加一个换行，而内联元素不会，多个内联元素会自动排成一行，比如img标签或span标签插到一行文字中，他会和这行文字自动排成一行，而如果你在这行文字中插入一个块元素标签，比如div标签，那么这个div标签会自己独占一行。div块元素想一行显示可添加css-display:inline-block.

2.position:static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）;relative 生成相对定位的元素，相对于其正常位置进行定位。

2.bootstrap2的form中input type="text"高度不正确

使用bootstrap2 发现input type="text"高度只有10px,而不是20px,反复检查后发现代码没有问题则可能是html缺少<!DOCTYPE html>导致浏览器解析成其他版本的html网页了

2. 动态添加的button包含内容可能导致无响应

动态绑定事件参考:http://blog.sina.com.cn/s/blog_70b0792b0100un1m.html

<button class='btn btn-default add'>
      <span class='glyphicon glyphicon-list'></span>删除
<button>

$("#table").click(function(e) {
    if (e.target.className.indexOf("add") !=-1) {
        ...
    };
});

在button上设置click事件,点中"span"上的图标时button没反应,而点button的其他地方就有反应:button是动态添加的,使用事件冒泡绑定事件,点击时靠class判断是否是要找的需触发对象.点中span时获取到的是span的class而不是button的class导致出错.

3. <form>中的button type="submit"和其 click事件中的Jquery.post()代码冲突,引发莫名的跳转

将type="submit"改为type="button"即可.

备注:请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

4. 合并滚动条

把最外面的overflow：auto改为overflow：scroll

5. 滚动条

网页滚动条宽度=window.innerWidth-$("body").width()

转载于:https://my.oschina.net/meilihao/blog/151517