前端笔记

前端笔记

记录一些使用HTML，CSS和JS时遇到的问题，不定时更新

1. 2020.04.29 写JS时遇到了一个问题，在head中加入
   第一次运行失败，没有反应，颜色没有改变，将这行代码放到body最后，再次运行，成功，id = sh的标签元素颜色改变为黑色。
   这是因为第一次js代码运行时HTML还没加载完毕，找不到要设置颜色的标签元素。
2. 2020.04.30 写CSS遇到了一个问题，在<tr class = "xx">标签中加入style = "background-color:red;",但是无效。
   按理来说标签内的style应该覆盖外联的CSS，但是并没有，将class = "xx"删除后背景红色就生效了。
   还用一种可能，<tr>的背景色会被<td>的背景色覆盖。
3. 2020.05.06 发现当button在form表单时，点击button会自动触发button的默认事件，也就是刷新当前页面。
   这会导致在浏览器的开发者模式中无法获得调试信息————报错刚从console弹出来页面就刷新了。
   亲测有效并且较为简单的方法就是：将<button></button>改为<input type="button"> 或者直接在<button>中添加属性 type="button".
   这样点击按钮后就不会刷新了。