![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
一介白衣入江南
这个作者很懒,什么都没留下…
展开
-
JS中数组常用的四个方法
数组常用的四个方法1.push()方法语法:数组名.push(元素1,元素2,,,,,);该方法可以向数组的末尾添加一个或多个元素,并返回数组的新长度可以将要添加的元素作为方法的参数传递push() 方法是把它的参数顺序添加到 ArrayObject 的尾部。它直接修改 ArrayObject,而不是创建一个新的数组。2.unshift() 方法语法:数组名.unshift(元素1,...原创 2019-04-20 20:38:06 · 1279 阅读 · 4 评论 -
JS—添加删除记录练习
<!doctype html><html><head><meta charset="utf-8"><title>添加删除记录练习</title> <style> .employeeTable { border:1px solid red; } </style>/* 1.c...原创 2019-06-01 21:18:23 · 1901 阅读 · 0 评论 -
JS事件及相关知识
事件对象当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数在事件对象中封装了当前事件相关的一切信息例如:我们鼠标的移动,键盘的按下等等都是我们所说的事件对象需要知道的知识点:onmousemove 该事件会在鼠标元素中移动时触发clientX 可以获取鼠标指针的水平坐标clientY 可以获取鼠标指针的垂直坐标我们用一个小例子来解释:我们实现的功能是要...原创 2019-06-07 22:39:27 · 1139 阅读 · 0 评论 -
JS拖拽图片
div跟随鼠标移动我们先了解这个小练习实现div跟随鼠标移动<!doctype html><html><head><meta charset="utf-8"><title>div跟随鼠标移动</title> <style> #box1{ width: 100px; height:10...原创 2019-06-07 23:25:54 · 7027 阅读 · 1 评论 -
JS键盘事件—onkeydown,onkeyup
键盘事件onkeydown 按键被按下对于某个按键一直按着不放,则事件会一直触发当onkeydown连续触发式,第一次和第二次之间会有一个间隔时间,其他之后会非常的快这种设计是为了防止我们误操作onkeyup 按键被松开 键盘事件一般都会绑定给一些可以获取到焦点的对象,或者是document可以通过keyCode来获取按键的编码通过它可以判断那个按键被按下除了keyCo...原创 2019-06-08 12:57:13 · 6465 阅读 · 1 评论 -
BOM ——浏览器对象模型
浏览器对象模型(BOM)可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作Bom对象1.Window:代表的是整个浏览器的窗口,同时它也是网页中的全局对象2.Navigator:代表的是当前浏览器的信息,通过该对象可以来识别不同的浏览器3.Location:代表当前浏览器的地址信息,通过该对象可以获取地址信息,或者操作浏览器跳转页面4.History...原创 2019-06-08 21:04:48 · 2456 阅读 · 0 评论 -
JS来获取全局样式值—style,currentStyle,getComputedStyle() 并解决浏览器兼容性问题
一. style对象style读取样式语法:元素.style.样式名还可以设置通过style属性设置的样式语法:元素.style.样式=样式值注意: 如果Css的样式值含有-, 这种名称在JS中是不合法的,比如background-color 我们在使用是要把这样的名称修改为驼峰命名法 去掉-,然后将-号后的字母大写注意:通过style属性设置和读取的都是内联样式,无...原创 2019-06-03 14:58:26 · 4222 阅读 · 0 评论 -
正则表达式语法及小练习
正则表达式正则表达式用于定义一些字符串的规则计算机可以根据正则表达式,来检查一个字符串是否符合规则获取将字符串中字符中符合规则的内容提取出来语法:var 变量 =new RegExp(“正则表达式”,“匹配模式”);在构造函数中可以传递一个匹配模式作为第二个参数可以是 i 忽略大小写, g 全局匹配模式正则表达式的方法 test() 符合要求则返回true, 否则返回fal...原创 2019-06-12 11:06:31 · 1677 阅读 · 0 评论 -
字符串和正则表达式相关的方法
常用的方法有以下四种:1.split( )可以将一个字符串拆分成数组方法中可以传递一个正则表达式作为参数,这样方法会根据正则表达式去拆分 var str="3ajvf2gaj3kg5vka"; var result=str.split(/[0-9]/); console.log(result);2.search( )可以搜索字符串是否含有指定内容如果搜索到就返回第一次的索...原创 2019-06-12 11:29:44 · 3297 阅读 · 1 评论 -
JS—定时器与练习
定时器有以下两个方法:1,setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭,方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器 定时调用 可以将一个函数每隔一段时间调用一次 参数: 1. 回调函数,该函数每隔一段时间被调用一次 2.每次调用间隔的时间,单位是...原创 2019-07-14 15:53:25 · 1463 阅读 · 0 评论 -
JS小练习——判断滚动条是否到底部(onscroll事件)
实现功能要求:当我们下拉这个滚动条时,判断它是否到达最底部,如果到达最底部,则两个表单项可以点击,如果没有到达,则不可以点击。并且要勾选第一个按钮之后,才可以提交。disabled 属性可设置或返回是否禁用 checkbox。语法:Object.disabled=true|falsetrue表示禁用 false表示可用clientWidth clientHeight这两个属性都可以获取...原创 2019-06-06 22:20:35 · 10703 阅读 · 6 评论 -
按钮小练习
<!doctype html><html><head><meta charset="utf-8"><title>按钮小练习</title> <script> //全选按钮 //点击按钮以后,四个多选框全都选中 //#checkedAllBtn window.onload=function...原创 2019-06-01 20:57:14 · 702 阅读 · 0 评论 -
详解JS中遍历数组的八种方法——内置函数(消除循环结构)
常见遍历数组的方法(内置)遍历:就是将数组中的元素全部取出来。一,利用for()循环 var arr=[1,2,3,4,5,6] for(var i=0;i<arr.length;i++){ //arr.length是数组的长度 console.log("arr="+arr[i]); }缺点:这种写法比较麻烦二,forEach()forEach(...原创 2019-04-21 11:43:54 · 6262 阅读 · 2 评论 -
JavaScript的数据类型
初识JavaScript的六大数据类型基本数据类型字符串String数值Number布尔型Boolean空值Null未定义Undefined引用数据类型对象Object简单介绍数据类型的运用1.字符串(String)类型字符串是存储字符的变量。字符串可以是引号中的任意文本,可以使用单引号或双引号,但是不要混着用。引...原创 2019-04-17 09:13:49 · 889 阅读 · 3 评论 -
JavaScript的数据类型(二)
引用数据类型——对象(Object)在前面我们了解的五种基本数据类型,他们的的值都是单一的,值与值之间没有联系。对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。对象是带有属性和方法的特殊数据类型。 下面就介绍一下对象:一.对象的分类内建对象ES标准中的定义的对象 如:math String Number 等宿主对象由浏览器提供的对象 ,比如 ...原创 2019-04-18 21:58:38 · 994 阅读 · 2 评论 -
JavaScript中基本数据类型的强制转换
JavaScript中基本数据类型转化将一个数据类型强制转换为其他的数据类型主要指String Number Boolean 这三种之间的相互转化。一.其他数据类型转换String我们有两种方法可以使其他数据类型转换为String;方法一:调用被转换类型的toString()方法该方法不会影响原变量,它会将转换的结果返回;但是注意:null和undefined这两个值没有tost...原创 2019-04-19 11:10:36 · 2185 阅读 · 1 评论 -
JavaScript中的数组知识
数组(Array)1.什么是数组?数组也是一个对象,数组就是一组数据的集合。不同的是普通对象是使用字符串作为属性名的。而数组是使用数字来作为索引操作元素。 索引:从0开始的整数其表现形式就是内存中的一段连续的内存地址数组名称其实就是连续内存地址的首地址如图1所示:2、关于JS中的数组特点数组定义时无需指定数据类型数组定义时可以无需指定数组长度数组可以存储任何数据类型...原创 2019-04-20 09:22:00 · 938 阅读 · 2 评论 -
Js中的Date对象
Date对象作用:Date 对象用于处理日期和时间。1.创建一个Date对象如果直接使用构造函数创建一个data对象,则会封装为当前代码执行的时间 var d =new Date(); console.log(d); Date 对象会自动把当前日期和时间保存为其初始值。2.创建一个指定的时间对象需要在构造函数中传递一个表示时间的字符串作为参数日期的格式: 月/日/年 时:分...原创 2019-05-31 14:31:06 · 1386 阅读 · 0 评论 -
JavaScript Math 对象
Math 对象Math和其他的对象不同,它不是一个构造函数。它属于一个工具类不用创建对象,它里边封装了数学运算相关的属性和方法,用于执行数学任务。例如:Math.pI表示圆周率,我们可以直接使用它console.log(Math.PI);Math 对象常使用的方法1.abs()可返回数的绝对值。2. Math.ceil()可以对一个数进行向上取整,小数位只要有值就自动进13....原创 2019-05-31 14:58:24 · 1361 阅读 · 0 评论 -
Js中Dom查询练习
Dom查询方法一 ,获取元素节点通过document对象调用1.getElementById() 通过id属性获取一个元素节点对象2.getElementsByTagName() 通过标签名获取一组元素节点对象3.getElementsByName() 通过name属性获取一组元素节点对象二,获取元素节点的子节点通过具体的元素节点调用1.getElementByTagN...原创 2019-05-31 19:52:42 · 1690 阅读 · 2 评论 -
图片切换小练习
<!doctype html><html><head><meta charset="utf-8"><title>图片切换练习</title> <style> #outer{ width:950px; heigh:650px; padding:10px; margin: 50px...原创 2019-05-31 19:57:49 · 1564 阅读 · 0 评论 -
定时器的应用练习题
定时器练习<!doctype html><html><head><meta charset="utf-8"><title>定时器的应用</title> <style> *{ margin:0; padding: 0; } #box1{ width:100px; hei...原创 2019-07-15 19:10:52 · 917 阅读 · 0 评论