前端基础
文章平均质量分 68
前端基础学习
Automatic_tester
在自动化的道路越走越远
展开
-
7. 前端整合
7. 前端整合 HTML CSS JavaScript、jQuery BootStrap(动态效果依赖jQuery)。 案例:添加数据页面 人员信息录入功能,需要提供用户信息: 用户名、年龄、薪资、部门、入职时间(*) 对于时间的选择:不能输入;选择;(插件) datetimepicker 下载插件 应用插件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2022-05-08 18:47:37 · 416 阅读 · 0 评论 -
6.DOM
6.DOM DOM,就是一个模块,模块可以对HTML页面中的标签进行操作。 // 根据ID获取标签 var tag = document.getElementById("xx"); // 获取标签中的文本 tag.innerText // 修改标签中的文本 tag.innerText = "哈哈哈哈哈"; // 创建标签 <div>哈哈哈哈哈</div> var tag = document.createElement("div"); // 标签写内容 tag.innerTe原创 2022-05-08 18:46:46 · 325 阅读 · 1 评论 -
4. jQuery
4. jQuery jQuery是一个JavaScript第三方模块(第三方类库)。 基于jQuery,自己开发一个功能。 现成的工具 依赖jQuery,例如:BootStrap动态效果。 4.1 快速上手 下载jQuery https://jquery.com/ 应用jQuery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&原创 2022-05-08 18:42:43 · 312 阅读 · 0 评论 -
5.JavaScript
概要: JavaScript,是一门编程语言。浏览器就是JavaScript语言的解释器。 DOM和BOM 相当于编程语言内置的模块。 例如:Python中的re、random、time、json模块等。 jQuery 相当于是编程语言的第三方模块。 例如:requests、openpyxl 注意:知识点回顾。 1. JavaScript JavaScript是一门编程语言。 JavaScript的意义是什么? 让程序实现一些动态的效果。 <!DOCTYPE html> &原创 2022-05-08 18:45:09 · 435 阅读 · 0 评论 -
3.BootStrap基础
是别人帮我们已写好的CSS样式,我们如果想要使用这个BootStrap: 下载BootStrap 使用 在页面上引入BootStrap 编写HTML时,按照BootStrap的规定来编写 + 自定制。 3.1 初识 https://v3.bootcss.com/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2022-05-08 18:08:03 · 439 阅读 · 0 评论 -
2.常用标签(下)
7 列表 <ul> <li>中国移动</li> <li>中国联通</li> <li>中国电信</li> </ul> <ol> <li>中国移动</li> <li>中国联通</li> <li>中国电信</li> </ol> 8 表格 <t..原创 2022-05-08 17:38:01 · 83 阅读 · 0 评论 -
1.常用标签(上)
1 编码(head) <meta charset="UTF-8"> 2 title(head) <head> <meta charset="UTF-8"> <title>我的联通</title> </head> 3 标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2022-05-08 17:34:37 · 165 阅读 · 0 评论