xjw12345

2022年8月5日

摘要： Bootstrap组件导航条和分页条导航条：导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文

posted @ 2022-08-05 14:27 xjw12345 阅读(165) 评论(0) 推荐(0)

Bootstrap全局CSS样式按钮和图片以及表格和表单

摘要： Bootstrap全局CSS样式按钮和图片全局CSS样式：按钮：class="btn btn-default" <body> <a class="btn btn-default" href="#">Link</a> <button class="btn btn-default" type="su 阅读全文

posted @ 2022-08-05 13:44 xjw12345 阅读(106) 评论(0) 推荐(0)

Bootstrap栅格系统的入门和注意事项

摘要： Bootstrap栅格系统的入门响应式布局同一套页面可以兼容不同分辨率的设备实现：依赖于栅格系统：将一行平均分成12个格子，可以指定元素占几个格子步骤： 1、定义容器。相当于之前的table 容器分类： 1、container：两边留白 2、container-fluid：每一种设备都是1 阅读全文

posted @ 2022-08-05 13:14 xjw12345 阅读(87) 评论(0) 推荐(0)

Bootstrap概述和快速入门

摘要： Bootstrap概述概念：一个前端开发的框架，Bootstrap来自Twitter，是目前很受欢迎的前端框架， Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。框架：一个半成品软件，开发人员可以在框架基础上再进行阅读全文

posted @ 2022-08-05 11:25 xjw12345 阅读(140) 评论(0) 推荐(0)

2022年8月4日

表格全选和表单检验案例

摘要：表格全选案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格全选</title> <style> table{ border: 1px solid; width: 500px; margin-left: 阅读全文

posted @ 2022-08-04 14:51 xjw12345 阅读(42) 评论(0) 推荐(0)

事件的概述以及常见事件的演示

摘要：事件的概述概念：某些组件被执行了某些操作后，触发某些代码的执行事件：某些操作。如：单击，双击事件源：组件。如：按钮，文本输入框监听器：代码。注册监听：将事件、事件源、监听器结合在一起。当事件源上发生了某个事件后，则触发某个监听器代码常见的事件： 1、点击事件 1、onclick：单击事件阅读全文

posted @ 2022-08-04 14:00 xjw12345 阅读(242) 评论(0) 推荐(0)

HTMLDOM中innerHTML和样式控制

摘要： HTMLDOM中innerHTML 标签体的设置和获取：innerHTML innerHTML属性获取元素内容最简单的方法是使用 innerHTML 属性。 innerHTML 属性可用于获取或替换 HTML 元素的内容。 innerHTML 属性可用于获取或改变任何 HTML 元素，包括 <ht 阅读全文

posted @ 2022-08-04 10:15 xjw12345 阅读(478) 评论(0) 推荐(0)

动态表格添加和删除案例

摘要：动态表格添加和删除分析： 1、添加： 1、给添加按钮绑定单击事件 2、获取文本框的内容 3、创建td，设置td的文本为文本框的内容 4、将td添加到tr中 5、获取table，将tr添加到table中 2、删除： 1、确定点击的是哪一个超链接 2、怎么删除 <!DOCTYPE html> <htm 阅读全文

posted @ 2022-08-04 09:29 xjw12345 阅读(199) 评论(0) 推荐(0)

2022年8月3日

DOM_Element对象以及Node对象

摘要： DOM_Element对象 Element：元素对象 1、获取/创建：通过document来获取和创建 2、方法： 1、removeAttribute()：删除属性 2、setAttribute()：设置属性 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文

posted @ 2022-08-03 21:23 xjw12345 阅读(65) 评论(0) 推荐(0)

DOM_Document对象获取Element方法以及创建DOM对象

摘要： DOM_Document对象获取Element方法 Document：文档对象 1、创建（获取）: 在HTML DOM模型中可以使用window对象来获取 1、window.document 2、document 2、方法 1、获取Element对象： 1、getElementById()：根据id 阅读全文

posted @ 2022-08-03 17:05 xjw12345 阅读(500) 评论(0) 推荐(0)

公告