- 博客(26)
- 收藏
- 关注
原创 什么是Ajax?
概念:Ajax=异步处理javascript和XML(Asynchronous JavaScript and XML).在不重新加载网页的情况下,AJAX通过在后台加载数据,并且在网页上显示语法$.ajax(JSON)JSON常用的参数url: 服务器的地址,获取数据或者推送的地方data:需要给服务器的数据,需要去添加,比如说登录的接口需要传递“用户名和密码”,获取货品信息,则不需要传递任何的参数。数据类型键值对,键值对的“键”和服务器保持完全一致,包括键名的大小写type:数据提交的方式G
2020-10-14 21:03:14 139
原创 jQuery——DOM
捕获与设置Js获取文本内容:innerText,innerHtml,textContent动画Animate()有三个参数,第一个参数就是你要改变的样式,第二个参数是显示的速度(“fast”,“slow”,毫秒数),第三个是回调函数Text()(1) 捕获文本内容,等价于innerText(2) 更改文本的内容Html()(1) 获取元素的内容,包括设置的样式(2) 更改内容样式Val()获取或者设置value值属性attr获取或更改元素的属性值元素的添加在元素最
2020-10-06 19:10:18 177
原创 2020-10-05
Val()属性 attr获取或更改元素的属性值元素的添加(1)在元素最后面添加(2)在元素最前面添加(3)after(后)与before(前)after 添加会在元素后面添加,不会成为其子元素$("#div1").after("<p>您的地址</p>")css()方法导航Ajax...
2020-10-05 21:07:08 140
原创 常用的jQuery事件方法
常用的jQuery事件方法(1)$(document).ready()$(document).ready()允许我们在文档完全加载完后执行函数等价于 $(function(){})(2)click()click()方法当按钮点击事件被触发的时候会调用一个函数该函数在用户点击HTML元素的时候执行(3)blur()失去焦点时触发,一般input输入框,当光标离开(失去焦点)就会触发(4)hover()鼠标悬停在元素上面触发效果显示(show)与隐藏(hide)Hide(),隐藏,将
2020-09-30 20:21:13 148
原创 jQuery基础知识
1.1基本概念jQuery是JS库,能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释不便于阅读;未压缩版文件较大,有排版和注释,便于阅读jQuery实际上就是一个js文件,加载到页面就可以直接使用了也可以通过CDN(Content Distrubute Net)来引用jquery1.2基本语法$(选择器).action();$:定义了这是一个Jquery的代码选择器:按照一定规则选择DOM元素,于CSS选择
2020-09-29 20:34:31 100
原创 BOM
BOM的概念:browser object model常用对象:Window:窗口,浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法:Window.innerWidthWindow.innerHeight常用的方法:Open:打开一个新的窗口,要传三个参数;第一个为将要打开的窗口路径第二个:打开的方式 ; 第三个为对于新打开浏览器的描述(宽,高等等)var myWindow = window.ope
2020-09-21 15:26:46 80
原创 JavaScript——DOM
DOM概念DOM(Document Object Model):文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点(Node)包括元素节点(1)、属性节点(2)、和文本节点(3)Th1代表一个元素节点(nodeType=1),nodeName是标签名(th)元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点,此时输出的节点类型是属性节点(2)节点名称就是属性名,节点值就是属性值Txt1是一个文本节点(3),节点
2020-09-18 20:50:18 79
原创 JavaScript——事件
事件的概念事件源事件名事件注册事件处理以火灾为例:XX大酒店201房间发生火灾,打119电话报警,xxx消防大队出警赶到现场通过喷水作业成功灭火事件源:XX大酒店201房间事件名:火灾事件注册:规划片区,由xxx消防大队负责事件处理:喷水常用事件鼠标常用事件(1) 单价事件onclick在这个案例中,事件源是id‘为“p1”的元素,事件名是单击事件注册οnclick=“fun()”,也就是说,当单击id为“p1”的元素时,交给fun函数来处理。(2) 双击事件:ondb
2020-09-17 19:15:24 130
原创 案例:随机分数
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div style="text-align: center;"> <button type="button " onclick="input()">点击以获取成绩</button>
2020-09-16 18:47:34 220
原创 案例:计算最高分、最低分、平均分、方差、标准差。
据学生的考试成绩,计算最高分、最低分、平均分和标准差。Var classCount = 20;Var classScore = [82,56,87,96,85,74,23,56,59,85,78,78,74,29,98,100,46,42,85,69]<script type="text/javascript"> var classScore = [82, 56, 87, 96, 85, 74, 23, 56, 59, 85, 78, 78, 74, 29, 98, 100, 4
2020-09-14 15:26:46 2758
原创 JavaScript基础知识(四)
this的情况:1、当以函数的形式调用时,this是window2、当以方法的形式调用时,谁调用方法this就是谁3、当以构造函数的形式调用时,this就是新创建的那个对象构造函数就是一个普通的函数,创建方法和普通函数没有区别。不同的是构造函数习惯上首字母大写,构造函数的执行流程:1、立刻创建一个新的对象2、将创建的对象设置为函数中this3、逐行执行函数中的代码4、将新建的对象作为返回值返回原型对象 (prototype)我们所创建的每一个函数,解析器都会向函数添加一个属性prot
2020-09-12 20:52:51 109
原创 JavaScript基础知识——数组
数组的概念案例:计算五名同学的平均分这个程序非常简单,但是如果要计算100人的呢?要复制100编吗?我们要用到循环但是循环好像做不了,因为无法去控制变量a1,a2,也就是说无法将循环变量和变量a1,a2联系起来这段代码能够实现同样的功能,而且如果是100人的话,只需要把循环的条件改成i<100即可,整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢,因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了,改变成名称加序号的方式(a[0],a[1],a[
2020-09-11 18:47:56 132
原创 JavaScript基础知识——函数
对象字面量使用对象字面量,可以在创建对象时,直接指定对象中的属性语法:{属性名:属性值,属性名:属性值}对象字面量的属性名可以加引号也可以不加,建议不加,如果要使用特殊的名字,则必须加引号属性名和属性值时一组一组的名值结构;名和值之间使用:连接,多个名值之间使用 , 隔开如果一个属性之后没有其他属性额,就不要写,函数(function)函数也是一个对象函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)函数中可以保存一些代码在需要的时候调用使用typeof检查一个函数对象
2020-09-10 19:05:36 105
原创 javaScript循环语句案例
一、讨厌的数字3要求:输出不含3的三位数,还不能是3的倍数,例如143的个位是3不可以,141是3的倍数也不可以。二、输出1000以内的完数什么是完数:就是小于它本身的所有的约数之和等于它本身的数例:第一个完全数是6,它有约数1、2、3、6,除去它本身6外,其余3个数相加,1+2+3=6。第二个完全数是28,它有约数1、2、4、7、14、28,除去它本身28外,其余5个数相加,1+2+4+7+14=28。什么是约数:1 X 6 = 2 X 3 = 6,6的约数为1,2,3,6三、判断素数
2020-09-08 19:04:48 375
原创 JavaScript基础知识(三)——选择结构
if语句if:如果else:否则案例1:计算三角形的面积要求能够判断出三条边是否能构成三角形如果不能,输出“请正确输入“案例2:判断一个数是否为水仙花数If语句嵌套案例:献血根据性别和体重计算输血量女性体重不超过50kg的输血量为200毫升,否则的话就250毫升男性不超过60kg的献血为250毫升,否则300毫升1获取性别 sex2 获取体重 kg条件分支语句(Switch)如果是if选择的分支比较多的时候,就需要一个一个分支的从上往下执行,这样执行的效率是非常低的,
2020-09-07 15:08:11 449
原创 JavaScript基础知识(二)——运算符
算数运算符+,-,*,/,%(余)逻辑运算符与运算:(&&)并且 所有条件都满足,结果才成立或运算:(||)或者 只要有一个条件满足,就成立非运算:(!)取反 真变假,假变真赋值运算符在JavaScript里等于号代表赋值,==代表等于复合赋值运算符:+=,-=,*=,/=n+=5 等于n=n+5其他同理其实就是程序员的偷懒++(自增),–(自减)n++等于n=n+1n–等于n=n-1++n与—nn++与++n的区别++在前面,先加再用;
2020-09-05 14:33:46 231
原创 JavaScript 基础知识(一)
Javascript是什么,能干什么一个网页的结构,是通过html决定的(如:脑袋,手脚,身体)Css决定了这个网页的样式(如:是高还是矮,是胖还是瘦,是黑还是白)这个网页的行为是通过JavaScript决定的(如:走路,跑步,眨眼睛)Javascript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整的Ja
2020-09-04 18:53:28 185
原创 选择器总结
伪元素选择器:first-letter 选择文本的首字母:first-line 选择文本的首行:after 在元素前面添加内容:before 在元素后面添加内容选择器总结什么是选择器?选择器:描述后面的样式施加到哪些目标,或者说根据某个依据 来选择应用的样式根据选择依据的不同,就产生了不同的选择器元素选择器Div{background-color:red}id选择器 根据元素的ID属性来选择 书写格式是: #idna
2020-08-28 21:33:25 115
原创 css基础选择器
元素选择器用标签名来作为选择器,选中所有相应的元素如:类选择器根据class的属性来选择元素,样式定义为:.className{xxxxx}如:ID选择器根据ID来名来选择元素,样式定义为:#idName{xxxxxxxxx}如:属性选择器例:[title*=’d’]:选择title值中包含d的元素关系选择器E F :选择E元素的后代元素F(所有后代,包括子类、孙类)E > F : 选择E元素的直接后代元素(也就是子类)E + F:选择E元素的第一个弟弟元素FE
2020-08-27 21:02:12 94
原创 CSS样式基础知识(下)
css中颜色的表示方法(1) 预定的颜色:(2)十六进制颜色:如(#0f0f0f)(3)RGB颜色(128,0,0)全红(4)在RGB的基础上又添加了表示透明度的Alpha(5)HSL:用色调,饱和度,和透明度三个分量来表示颜色(6)HSLA:在HSL的基础上又添加了表示透明度的Alpha<p style="color: blue;">预定义颜色</p><p style="color: rgb(0,255,0);">RGB颜色</p><
2020-08-26 14:55:15 136
原创 CSS样式基础知识(上)
CSS的基本概念CSS(Cascading Style Sheet) 层叠样式表,为了实现页面内容和表现形式的分离。层叠的含义是可以对一个元素多次设置样式,最后的结果是多次样式叠加的结果,如果有冲突,以后面的样式为准。选择器标签:<p> <div>…之类的标签 使用方式:直接输入标签名类(class):class名字 使用方式:输入点+class名ID:ID名 使用方式:输入#+id名一般来说我们写CSS文件的时候用的都是第二种方法,class名这是因为ID名
2020-08-25 15:33:54 146
原创 HTML Table表格和Div的认识
Table表格表格的组成部分:标题 表头 主体 表尾table **:**定义一个表格caption :定义表格的标题thead:定义表头的部分tbody:定义表格的主体(数据)部分tfoot:定义表尾,一般来显示汇总信息tr:定义一行th td :来定义数据项(单元格)th一般用于表头,有加粗样式td一般用于主体部分,没有加粗的样式td rowspan和colspan分别定义了单元格跨行的行数,跨列的列数。divdiv:定义一个分块(division)特点:在新的一
2020-08-24 22:36:09 316
原创 行内元素和块元素以及行内块元素的特点
块级元素块元素会独自占据一整行,或者多行,可以任意设置其大小尺寸,是用于搭建网页布局的必须部分,使网页结构更加紧凑合理。特点:1.总是另起一行(特立独行)2.可以设置其宽度、高度,内外边距3.在不手动设置宽度的情况下,宽度默认为所在容器的100%(即容器宽度)4.可以容纳行内元素和其他块元素。常见的块元素:<div>/<h1>~<h6>/<p>/<ul>/<table>等,其中<div>是最常用最典型的块级元素
2020-08-23 17:07:09 937
原创 什么是单标签和双标签,有何区别。
定义单标签:由一个标签组成。例如<hr/> <input>等。双标签:由“开始标签”和“结束标签”两部分构成。例如<p></p> <button></button>等。<p>是开始标签,表示一个段落的开始。</p>是结束标签,表示一个段落的结束。区别区别不大单标签:是由一个标签组成,例如用<hr/>结尾,是一种简写双标签:用</p>结尾,双标签可以替换所有的单标签,内容简单
2020-08-23 15:33:20 10398 1
原创 Get和Post的区别
get和post之间的区别1、相比于post,get的不安全性,是数据被放在请求的URL中;post则是不可见的。2、get传送数据较小,游览器对URL长度有限制;post传送数据较大,不受限制3、get请求的页面可以被收藏为书签,post则相反4、get请求会被浏览器主动cache,而post不会,除非手动设置5、get在浏览器回退时是无害的,而post会再次提交请求6、get请求只能进行URL编码,而post支持多种编码方式7、get请求参数会被完整保留在浏览器历史记录里,而post中的参
2020-08-23 15:02:48 91
原创 初学web基础知识
初学web基础知识web 基本概念web:网页、公众号、动画h5:HTML5URL:网络资源的ID(地址)服务器:性能高(内存大、运行快)的电脑,安装提供服务的软件(apache、Tomcat、IIS、Nginx)云服务器:有专业团队提供维护工作(如阿里云、腾讯云、百度云、华为云)浏览器:能打开网页(如Google Chrome、IE、火狐、搜狐、欧鹏、safari)标记语言用各种标签将相关信息或关键字包裹起来,方便搜索引擎的抓取(标记语言有很多种)例1:HTML<h1>我
2020-08-22 16:39:26 182
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人