m0_51984899的博客

JS框架 JQuery 使用方式 ​ 1>官网下载对应资源 http://jquery.com/ 下载 ​ 2>在页面中引入 jquery ​ 将下载的放到js的目录下,用script引入. ​ 注意:要想使用JQuery,必须要先引入. <script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script> ​ DOM对象和JQuery包装集

JS表单对象 表单是页面向后端传输数据的一个非常常见的方式,因此在发送请求之前,我们在页面进行一些校验,不仅可以节省不必要的错误传输,也可以提高用户的体验. 获取表单 <form id='myform' name="myform" action="" method="post"></form> <form id='myform2' name="myform2" action="" method="post"></form> 1>、document.

JS基础 DOM对象 获取节点 getElementById() 根据id获取dom对象，如果id重复，那么以第一个为准 //按照id获取 function testById(){ var p = document.getElementById("p1"); console.log(p); } getElementsByTagName() 根据标签名获取dom对象数组 //按照标签名获取 function testByTagName(){ var inputs = document.ge

JS基础 BOM对象 BOM（Browser Object Model）即浏览器对象模型,BOM的核⼼对象是window，它表示浏览器的⼀个实例。 Window对象⽅法 弹出框 1）消息框:alert， 常用。 alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。 2）输入框:prompt，返回提示框中的值。 prompt() 方法用于显示可提示用户进行输入的对话框。 参数（可选）： 第一个参数：要在对话框中显示的纯文本。 第二个参数：默认的输入文本。 <button type="

JS基础 事件 当我们与浏览器中 Web ⻚⾯进⾏某些类型的交互时，事件就发⽣了。通过使⽤ JavaScript ，可以监听特定事件的发⽣，并规定让某些事件发⽣以对这些事件做出响应。 事件可以验证⽤户输⼊的数据;增加⻚⾯的动感效果;增强⽤户的体验度 事件类型 js的可以处理的事件类型有⿏标事件、键盘事件、HTML事件. 下面简单介绍下事件类型: Window 事件属性：针对 window 对象触发的事件. Form 事件：由 HTML 表单内的动作触发的事件 ​ 应⽤到⼏乎所有 HTML 元素，但

JavaScript基础语法 使用方法 1.行内js 直接定义在标签中 <button type="button" onclick="alert('abc')">按钮</button> 2.内部js 建议定义在head标签中或者body标签的最后，编写在script标签中 <script type="text/javascript"> console.log('控制台打印'); </script> 3.外部js 如果script标签中有src属性，那

CSS基础知识 基本语法 选择器{ ​ 属性1:属性值1; ​ 属性2:属性值2; } css声明要以分号;结束，声明以{}括起来 建议⼀⾏书写⼀个属性 若值为若⼲单词，则要给值加引号，如 font-family: “agency fb”; 注释 /* 注释的内容*/ 三种使用方式 行内式 写在具体的标签中，通过style属性将样式设置上去，多个样式分号;隔开 < div style=“background-color: aquamarine;”>块级元素hello< /div&

HTML基础知识 html是超文本标记语言,因此是用标签标记的.标签有单标签</ br> 以及双标签< h1> < /h1>构成 常用标签 标题 < h1> < /h1> …< h6> 水平线 hr标签 段落 p标签 换行 br单标签 font 规定⽂本的字体、字体尺⼨、字体颜⾊ pre 定义预格式化的⽂本。被包围在 pre 元素中的⽂本通常会保留空格和换⾏符。⽽⽂本也会呈现为等宽 字体 文本标签 b（粗⽂本）、i（斜体⽂本）