![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
ABU_MOlI_ITUI
这个作者很懒,什么都没留下…
展开
-
前端---js(自学笔记29)定时调用应用1
前提代码中所用到的知识扩展:offsetleft:在不同的浏览器中其值不同,且与父元素的position属性(relative,absolute,fixed)有关。现分以下几种情况说明:在父元素均不设置position属性时,在Chrome,opera和IE浏览器中offsetLeft是元素边框外侧到浏览器窗口内侧的距离且body.offsetLeft=0,在firefox浏览器中offsetLeft是元素边框外侧到body内侧的距离body.offsetLeft=-边框宽度原创 2020-11-18 17:09:47 · 279 阅读 · 0 评论 -
前端---js(自学笔记28)(定时调用)以及定时练习图片自动切换、延时调用
定时调用:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //获取count var count = document.getElementById("cou原创 2020-11-17 10:32:44 · 437 阅读 · 1 评论 -
前端---js(自学笔记27)(BOM--Navigator)
BOMBOM:浏览器对象模型 BOM可以使我们通过JS来操作浏览器 在BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象:Window:代表的是整个浏览器的窗口,同时window也是网页中的全局对象 Navigator:代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器 Location:代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面 History:代表浏览器的历史记录。可以通过该对象来操作浏览器的历史记录,由于隐私问题原创 2020-09-07 20:40:27 · 185 阅读 · 0 评论 -
前端---js(自学笔记26)(滚轮的事件、键盘事件、键盘移动div)
滚轮的事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>滚轮事件</title> <style type="text/css"> #box{ width: 100px; height: 100px; background-color: red; } </style> <s原创 2020-08-28 17:27:30 · 333 阅读 · 0 评论 -
前端---js(自学笔记25)(拖拽练习)
拖拽练习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: cornflowerblue; position: absolute原创 2020-08-25 12:35:48 · 166 阅读 · 0 评论 -
前端---js(自学笔记24)(事件对象和练习、事件的冒泡、事件的委派、事件绑定、事件传播)
事件对象:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #areaDiv{ width: 200px; height: 100px; border:1px solid #000000; } #showMsg{ widt原创 2020-08-24 21:20:11 · 147 阅读 · 0 评论 -
前端---js(自学笔记23)(其他样式的相关属性)
练习测试代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>其他样式相关属性</title> <style type="text/css"> #box{ width: 100px; height: 100px; background-color: red; border: 10px solid.原创 2020-08-18 18:04:09 · 125 阅读 · 0 评论 -
前端---js(自学笔记22)(操作内联样式、获取元素的样式)
操作内联样式:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>设置内联元素样式</title> <style type="text/css"> #box1{ width: 100px; height:100px; background-color: blue; } </style>原创 2020-08-17 12:07:01 · 191 阅读 · 0 评论 -
前端---js(自学笔记21)(添加删除记录练习,超链接索引问题)
添加删除记录------删除:<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>添加删除记录练习</title> <link rel="stylesheet" type="text/css" href="css/delete.css"/> &原创 2020-08-10 16:12:34 · 3119 阅读 · 1 评论 -
前端---js(自学笔记20)(dom查询和增删改)
dom查询的剩余方法:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>dom查询</title> <script type="text/javascript"> window.onload = function(){ //获取body标签,有俩个方法 var body = document.getElements转载 2020-08-07 11:26:11 · 5197 阅读 · 0 评论 -
前端---js(自学笔记19)(全选练习)
全选练习:checked:选中的意思,适用于单选按钮或复选框;当checked=true,为选中。当checked=false,为不选。在事件的响应函数中,响应函数是给谁绑定的this就是谁<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equ原创 2020-07-28 12:01:30 · 5170 阅读 · 0 评论 -
前端---js(自学笔记18)(DOM介绍,事件介绍、文档加载、dom查询)
DOM介绍:DOM----document object model 文档对象模型,可以帮助js操作HTML。节点:node 构成html文档最基本的单元。常用节点分为四个:文档节点(整个HTML文档)、属性节点(元素的属性,比如id)、元素节点(比如h1标签等)、文本节点(文字或者元素标签包括的内容)。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title&原创 2020-07-27 11:54:41 · 5188 阅读 · 0 评论 -
前端---js(自学笔记17)(正则表达式,正则语法,字符串与正则表达式、邮件正则)
正则表达式简介:正则表达式用于定义一些字符串的规则。 计算机可以根据这些正则表达式,来检查一个字符串是否符合规则。或者将字符串符合规则的内容提取出来。 创建正则表达式:语法:var 变量 =new RegExp("正则表达式","匹配模式"),使用typeof来检查正则表达对象,返回object。 var reg=new RegExp("a"),这个正则表达式中来检查一个字符串是否含有a 正则表达式的方法,test()使用这个方法可以用来检查一个字符串是否符合正则表达式的规则。如果符合返回t..原创 2020-07-20 22:04:24 · 5432 阅读 · 0 评论 -
前端---js(自学笔记16)(包装类、字符串方法)
包装类:在JS中为我们提供了三个包装类,这三个包装类将我们的基本数据类型转换成对象。String()----可以将基本数据类型的字符串转换为String对象Number()----可以将基本数据类型的数字转换为Number对象Boolean() ----可以将基本数据类型的布尔值转换为Boolean对象注意:我们在实际应用中是不会使用基本数据类型的对象,如果使用了基本数据类型的对象,在做一些比较时可能会带来一些问题方法和属性之间能添加给对象,不能添加给基本数据类型,当我们对一些基本.原创 2020-07-07 15:51:11 · 5200 阅读 · 0 评论 -
前端---js(自学笔记15)(遍历数组---forEach、slice和splice、函数对象方法--call和apple、arguments、date对象、math)
遍历数组----forEach:forEach需要一个函数作为参考 像这种函数,由我们创建,但不由我们调用的,称作回调函数 数组中有几个元素函数就执行几次,每次执行,浏览器会将遍历到的元素,以实参的形式传递进来,我们可以定义形参。来读取这些内容。 浏览器会在回调函数中传递三个参数:第一个参数---就是当前正在遍历的元素,第二个参数----就是当前正在遍历元素的索引,第三个参数-----就是正在遍历的数组; forEach只支持IE8以上浏览器,如果需要兼容IE8以下的,则不支持,还是使用for.原创 2020-07-07 12:05:43 · 5372 阅读 · 0 评论 -
前端---js(自学笔记14)(数组简介、数组的四个方法、数组的遍历)
数组简介:数组(Array):数组也是一个对象 他和我们的普通对象功能类似,也是用来存储一些值 不同的是普通对象是用字符串作为属性名,而数组使用数字作为索引操作元素 索引:从0开始的整数就是索引 数组存储性能比普通对象的要好,在开发中经常存储一些数据 用typeof检查数组时,返回值为object 向数组中添加元素,语法:数组 [ 索引 ] = 值 如果读取不存在的索引,他不会报错而是返回undefined 获取数组的长度,可以使用length属性来获取数组的长度(获取元素的个数),原创 2020-07-06 22:07:35 · 5346 阅读 · 0 评论 -
前端---js(自学笔记13)(使用工厂函数和构造函数、构造函数修改、原型对象、垃圾回收)
使用工厂方法创建对象:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function createPerson(name,sex,age){ var obj =new Object(); obj.name=.原创 2020-07-06 18:02:00 · 5303 阅读 · 0 评论 -
前端---js(自学笔记12)(全局作用域、this)
全局作用域:作用域:指一个变量的作用范围。js中有俩种作用域:全局作用域:直接编写在script标签内部的js代码,都是在全局作用域。全局作用域在页面打开时创建,在关闭页面销毁。在全局作用域中,有一个全局对象window,它代表一个浏览器的窗口,它由浏览器创建,我们直接使用即可。在全局作用域中,创建的变量都会作为window对象的属性保存。创建的函数都会作为window的方法保存。在作用域中的变量都是全局变量,在页面任意部分都可以访问到。 变量的声明提前: 使用var来声明对象,会在代.原创 2020-07-06 12:40:49 · 5216 阅读 · 0 评论 -
前端---js(自学笔记11)(函数的简介、函数的参数、函数的返回值、实参可以是任意值、方法.....)
函数的简介:函数(function):函数也是一个对象,但是对象里封装的是属性,函数里封装的是功能代码块。函数中可以保存一些代码,在需要的时候调用。使用typeof对函数进行检查,返回的则是function。创建一个函数对象,可以将要封装的代码,以字符串的形式传递给构造函数。(这种不常用)var fun = new Function("console.log('你好')")封装到函数中的代码不会立即执行,只会在调用的时候使用。 调用函数语法:函数对象()fun();当调用函数时,函原创 2020-07-06 10:45:06 · 5387 阅读 · 1 评论 -
前端---js(自学笔记10)(break和continue、对象的分类,操作、基本数据类型和引用数据类型、对象字面量)
break和continue原创 2020-07-05 21:16:00 · 5285 阅读 · 0 评论 -
前端---js(自学笔记9)(嵌套练习)
嵌套练习:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>嵌套练习</title> <!--输出图形1如下: ***** ***** ***** ***** *****--> <!--输出图形2如下: * ** *** **** *****--> <!--原创 2020-07-04 22:45:44 · 5226 阅读 · 0 评论 -
前端---js(自学笔记8)(while循环)
while循环:循环语句是可以将一段代码循环执行。while循环:首先对条件表达式进行判断,如果为true则执行代码块,然后再次进行判断,如果还是true,将再次执行,直到条件表达式为false,循环结束。语法:while(条件表达式){ 语句...}do...while循环:首先执行一遍语句,在进行条件表达式的判断,如果为true则继续执行,如果为false,则执行完语句,终止循环。语法:do{ 语句...}while(条件表达式)wh...原创 2020-07-03 16:40:24 · 5949 阅读 · 0 评论 -
前端---js(自学笔记7)(js代码块、流程控制语句、if练习)
js代码块:在js中,我们的程序是由一条一条的语句构成的,是按照从上到下的顺序进行执行的。在js中我们可以用{}来为语句进行分组,同一个{ }里的语句我们称作为一组,他们要么同时执行,要么同时不执行。一个{ }中的语句我们也称作一个代码块。js的代码块,{ }只具有分组作用,没有其他作用。流程控制语句:因为我们的执行语句是从上到下一行一行执行的, 我们可以通过流程控制语句控制我们执行的流程,可以使程序更具一定条件来选择执行。语句分类:条件判断语句 条件分支语句 循环语句1...原创 2020-07-02 22:32:43 · 5258 阅读 · 0 评论 -
前端---js(自学笔记6)(关系运算符、相等运算符、条件运算符、运算符的优先级)
关系运算符:通过关系运算符可以比较俩个值大小,如果关系成立则返回true,如果关系不成立则返回false。数值情况:> :大于号,判断左侧值是否大于右侧值,如果成立返回true,反之为false。>=:大于等于号,判断左侧值是否大于或等于右侧值,如果成立返回true,反之为false。< :小于号,判断左侧值是否小于右侧值,如果成立返回true,反之为false。<=:小于等于号,判断左侧值是否小于或等于右侧值,如果成立返回true,反之为false。非.原创 2020-07-02 15:54:56 · 5331 阅读 · 1 评论 -
前端---js(自学笔记5)(js算数运算符、一元运算符、自增自减、三种逻辑运算符、赋值运算符)
js算数运算符运算符也叫操作符,通过对一个值或者多个值进行运算,然后返回一个结果。比如:typeof就是一个运算符,可以获得一个值得类型,//typeof 检测出a 的数值类型var a = 123var result =typeof aconsole.log(result)//但是用来描述数值的result为字符串,是因为typeof以字符串的形式返回 console.log(typeof result)结果:算术运算符当对非Number值进行计算时,都会将值原创 2020-07-02 11:40:05 · 5311 阅读 · 0 评论 -
前端---js(自学笔记4)(强制类型转换)
js--强制类型转换:强制数据类型转换:指将一个数据类型强制转换成其他数据类型,也就是说,将其他的数据类型转换为:Number、String、Boolean。将其他数据类型转换成String:方法一:调用被转换数据类型的toString()方法,该方法不会影响原变量,它将转换结果返回。 注意:null和undefined没有tostring,如果调用会报错方法二:调用String()函数,并将被被转换的数据作为参考值传递给函数 S...原创 2020-07-01 11:49:34 · 5388 阅读 · 0 评论 -
前端---js(自学笔记3)(js-标识符、数据类型)
js---标识符在js编写中可以由我们自己命名的都可以叫做标识符,比如:变量名,函数名,属性名命名需要遵循如下规则:标识符可以用字母、数字、_ 、$ 数字不可以开头 不能是ES中关键字和保留字 一般采用驼峰命名法:开头字母小写,中间首字母大写,其余为小写字母(helloWorld)js---数据类型首先了解js里有6中数据类型:基本数据类型:String(字符串) 、Number(数字)、Boolean(布尔)、Null(空值)、Undefined(未定义)、 ...原创 2020-07-01 09:17:12 · 5296 阅读 · 1 评论 -
前端---js(自学笔记2)(js编写位置、js基本语法、js的字面量和变量)
js编写位置可以编写在script里 可以编写在属性标签里 可以写在超链接里 可以写在外部文件里,然后通过script标签里引入。这时你在内部写的js语言会没有效果。index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js编写位置</title> <!--1、script里--> <script原创 2020-07-01 09:16:18 · 5151 阅读 · 0 评论 -
前端---js(自学笔记1)(js介绍)
前端jsjs---javaScript-----诞生于1995 主要用于处理网页中的前端验证(前端验证:检查用户输入内容是否符合一定规则;eg:密码长度,格式....) ECMAScript是JavaScript标准 JavaScript由三部分:ECMAScript、DOM(文档对象模型)、BOM(浏览器对象) js----DEMO1(HelloWorld)<!DOCTYPE html><html> <head> <meta..原创 2020-06-29 22:39:55 · 5178 阅读 · 1 评论