Web前端开发
文章平均质量分 51
记录学习web前端笔记
BoBo玩ROS
时刻提醒自己:“不要太把自己当回事!”
展开
-
JavaScript - jquery框架
1、jquery框架的作用和好处Jquery是一个JavaScript的框架,用于在浏览器端进行编程。好处:简化JavaScript编程,加快开发速度2、jquery框架的功能1)选择器 通过id来获取 $("#id值") document.getElementById("id值"); 通过标签名来获取 $("标签名") 通过class来获取 $(".class值")2)jquery框架对样式的控制css(name, value) 3)jque原创 2022-04-15 15:25:10 · 1094 阅读 · 0 评论 -
JS-document对象
document对象<!DOCTYPE html><html lang="en"> <head> <title>document对象</title> <script> //1、元素节点的内容 function f1(){ //通过id找到body体中的元素节点 var d1=document.getElementById("d1"); //d1根据id找到的元素节点 //alert(d1原创 2022-03-12 16:58:30 · 287 阅读 · 0 评论 -
JS中的对象模型
JS中的对象模型1、JS中的对象模型1.1 window对象1.2 定时器1.3 document对象1.4 document 对象查询节点1.5 document对象中的增加节点1.6 document中的删除节点1.7 关于Select和Option对象1、JS中的对象模型(1)BOM:浏览器对象模型Browser Object Model,用来访问和操纵浏览器窗口具体通过window对象来实现浏览器窗口的操纵。(2)DOM:文档对象模型Document Object Model,用来操纵原创 2022-03-11 18:21:58 · 881 阅读 · 0 评论 -
JS中的对象
JS中的对象13、JS中的对象13.1 内置对象13.2 简单数据对象(1)String对象(2)String对象中的方法(3)Array对象 --数组对象(4)Math对象(5)Number对象(7)Date日期对象(8)Function对象(9)eval函数13、JS中的对象类(属性、方法) 对象JFrame f; f.setVisible();函数(属性、方法)Math.floor();--对象是JavaScirpt中最重要的内容--JavaScript中包含了多种对象: (原创 2022-03-11 18:57:23 · 796 阅读 · 0 评论 -
JS-动态时钟
动态时钟<!DOCTYPE html><html lang="en"> <head> <title>动态时钟</title> <script> //显示时间的函数 function showTime(){ //创建当前系统时间 var now=new Date(); var nowStr=now.toLocaleString(); //alert(nowStr) //将获得的时间显示原创 2022-03-16 10:22:07 · 1790 阅读 · 0 评论 -
JS-运算符
运算符<!DOCTYPE html><html lang="en"> <head> <title>运算符</title> <script> //算数运算符 + - * / % ++ -- function f1(){ var a1=3; var a2=6; //alert(a1+a2); //3+6=9 a1++; //alert(a1); //4 //求一个三位数的百,十原创 2022-03-16 10:15:40 · 375 阅读 · 0 评论 -
JS-表单验证
表单验证<!DOCTYPE html><html lang="en"> <head> <title>表单验证</title> <script> //管理员账号的验证 function checkId(){ //1、获取账号输入框中输入的内容 //2、定义合适的正则表达式,对内容进行验证 //3、根据验证的结果在span中显示提示结果 //通过id找到元素节点 var idNum=原创 2022-03-16 10:12:51 · 686 阅读 · 0 评论 -
JavaScript基础语法
JavaScript1、什么是JavaScript2、JavaScript的特点3、使用JavaScirpt4、JS代码编写的规范和注意事项5、变量6、数据类型7、数据类型的隐式转换8、数据类型的显示转换9、查看数据类型10、运算符11、分支结构12、循环结构13、JS中的对象13.1 内置对象13.2 简单数据对象1、什么是JavaScriptJavaScript是一种基于对象和事件驱动的解释性脚本语言,具有与C语言和Java类似的语法,简称JS。–JS是一种网页编程技术,用来向HTML页面添加交互原创 2022-03-11 18:22:17 · 1339 阅读 · 0 评论 -
CSS 尺寸和边框
尺寸和边框尺寸的设置<style> div{ border:1px solid red; width:130px; height:50px; overflow:auto; } </style>边框的设置<style> #d1{ border:1px dotted red; } #d2{ border-left:1px solid blue; border-top:3px dott原创 2022-04-02 13:37:50 · 344 阅读 · 0 评论 -
CSS基础语法
Web开发基础---CSS1 CSS概述1.1 概念1.2 功能1.3 CSS的使用1.3.1 CSS样式的使用方式1.3.2 CSS样式的优先级1.4选择器(针对于外部样式或者内部样式)(1)元素选择器/标记选择器(2)类class选择器(3)id选择器(4)选择器分组(5)派生选择器(6)伪类选择器2、尺寸和边框2.1 尺寸/大小(宽度 高度)2.2 边框2.3 框模型—盒子模型(1)内边距:内容和边框之间的距离(2)外边距:与下一个控件之间的距离4、背景4.1 背景颜色4.2 背景图片4.2.1原创 2022-02-25 16:39:11 · 121 阅读 · 0 评论 -
HTML基础 --特殊字符的标记
特殊字符的标记1. 特殊字符的标记1.1 空格 1.2 小于 < 大于 >1.3 标题标记 h1-h61.4 段落标记1.5 换行标记1.6 字体标记1.7 使用CSS样式中的style来设置字体的字号和颜色1.8 加粗、斜体、下划线标记1.9 居中标记1.10 分割线标记1.11 分区标记块标记:会另起一行行内标记1. 特殊字符的标记1.1 空格  <h4>1.1 空格  </h4><!-- 空格 -->原创 2022-02-24 17:13:01 · 1257 阅读 · 0 评论 -
HTML案例
HTML 基础案例案例1 标题和超链接案例2 表格案例3 增加管理员案例4 修改个人信息案例1 标题和超链接<!DOCTYPE html><html> <head> <title>第一个HTML文档</title> <!-- 设置页面中文的显示编码--> <meta charset="UTF-8"/>原创 2022-02-24 16:53:42 · 2220 阅读 · 0 评论 -
HTML基础语法
Web开发基础 –HTML1、HTML基础语法1.1HTML概述1.1.1 web的工作原理1.1.2 Web开发的相关技术1.1.3 web浏览器1.1.4 什么是HTML1.2 HTML基本语法1.2.1 标记1.2.2 元素和属性1.2.3 注释1.3 HTML文档的结构1.3.1 文档结构1.3.2 文件头-head2. body体中的标记2.1 body体中的标记的分类2.2 标记的另一个分类1、HTML基础语法1.1HTML概述1.1.1 web的工作原理Client客户端/Serve原创 2022-02-24 16:38:59 · 504 阅读 · 0 评论