![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 82
508小怪兽
这个作者很懒,什么都没留下…
展开
-
前端使用bootstrap实现一个简单的小案例,重点是关注响应式布局
1.案例的效果展示我们使用的是响应式布局,所谓的响应式布局就是可以使得同一套页面可以兼容不同分辨率的设备。可以看到苹果的官网当你将浏览器的串口放的很小的时候网站的布局也会随这页面大小发生变化,当我们在手机或者pad上面去访问网站的时候还是会有一个不错的体验的。当浏览器的页面变小以后首先可以看到的就是,导航栏进行了折叠,还有就是这些图片也还是可以完全显示出来的,这就是响应式布局一个明显的效果2 主要的知识点之前我做这个网页的时候使用的是table里面嵌套table,虽然可以实现效果但是,没有使用原创 2021-11-24 21:38:10 · 5088 阅读 · 2 评论 -
输入框失去焦点对的输入框里面的数据进行表单校验,点击提交按钮也实现表单的校验,调用方法的时候家加不加()的区别
1效果展示2实现的思路思想就是我们先在一个输入框的后面放置一个占位用的span标签* 根据表单的验证是否成功来设置span标签里面的东西 成功了就现实对号 失败了就显示“您输入的数据格式有误”* 有两个事件触发表单的校验* 1.点击提交按钮* 2.输入框失去焦点** 我们在这里只实现了 姓名和密码的数据校验3关于javascript里面调用方法的时候加不加括号的区别注意这里有一个要注意的点在执行代码的时候 千万不要在checkUseName后面加() 像下面这样* do原创 2021-11-20 12:48:52 · 3079 阅读 · 0 评论 -
javascript实现一个动态的表格,这个小的案例是没有数据库的,只是一些前端的知识,使用到了innerHTML
1效果展示就是在输入框里面输入数据点击按钮 将数据添加到下面的table里面,点击table里面的删除超链接来删除一条记录和数据没有一点关系的2用到的知识增删原理:这里的添加原理很简单就是使用javascript的DOM对象进行处理添加一行就是使用appendChild()方法实现添加一条记录删除对象的时候就是使用使用父类标签的removeChile方法来实现的3添加的实现过程:/*** 实现的过过程* 1.我们要通过输入框的id 先得到三个输入框里面的数据 方法 输入框对象的v原创 2021-11-18 20:07:22 · 1606 阅读 · 2 评论