GuoDaHai.-CSDN博客

原创当鼠标移动是获取坐标点

当鼠标移动时获取坐标<div id="are"></div> <div id="showMsg"></div>// 获取div var are = document.getElementById("are") var showMsg = document.getElementById("showMsg") // 鼠标移动事件 are.onmousemove = function(event){ console.

2020-11-27 10:48:07 148

原创其他样式操作属性

1- 获取到元素的宽高时值得类型是Number 不带px 可以直接进行运算2- 获取元素的宽度和高度，包含内容与内边距3- 获取的都是可见的宽高 ##4- 属性是不能进行修改的var height = dv1.clientHeightvar width = dv1.clientWidth获取元素的宽度与高度var height = dv1.offsetHeightvar width = dv1.offsetWidth获取当前元素的水平偏移量var left = dv1.offset

2020-11-27 10:44:57 78

原创读取元素的样式

读取元素的样式正常浏览器- 使用getComputedStyle()- 这个方法是window对象的方法，可以返回一个对象，这个对象中保存着当前元素生效样式参数：1.要获取样式的元素2.可以传递一个伪元素，一般传nullbtn.onclick = function(){var obj = window.getComputedStyle(div,null)console.log(obj.width)console.log(obj.backgroundColor)//通过该方法读取到样式都

2020-11-27 10:40:30 90

原创 DOM1

DOM简介:DOM Document Object Model 文档对象模型html标签 == 元素 == 节点 Element1- 获取button按钮的元素对象并将内容修改为 i love button2- 通过循环修改多个a链接的内容<a id="a" href="">baidu</a> <button>我是一个按钮</button> <script type="text/javascript"> conso

2020-11-27 10:34:11 382

原创 DOM查询

<ul> <li>北京</li> <p>首都啊</p> <li>南京</li> <p>你是几线</p> <li>东京</li> <p>一边去</p> <li>西天取经</li> <p>你来当和尚吧</p> </ul>获取ulvar ul

2020-11-27 10:18:11 123

原创 DOM全选全不选

功能:①全选按钮：点击后所有爱好都选中 – 1.#checkedAllBtn②全不选按钮：点击后所有爱好都选中 – 2.#checkedNoBtn③反选按钮：点击后所有爱好选中状态反转 – 3.#checkedRevBtn④提交按钮：点击后依次弹出选中内容 – 4.#sendBtn⑤全选框：点击后让所有爱好的选中状态和自己一致 – 5.#checkedAllBox⑥爱好框：点满后将全选框选中，否则取消选中 – 6.items获取四个多选框var items = document.getEl

2020-11-27 10:07:18 198

原创 js初级试题

1、找到数组 [-1, -2, 1, 10, 4, 5, 8] 中的最大值，至少写出两种方法var arr = [-1, -2, 1, 10, 4, 5, 8];// 第一种var max1 = Math.max.apply(null, arr);// 第二种var max2 = arr.sort(function(a, b){ return b - a;})[0];// 第三种var max3 = -Infinity;for (var i = 0; i < arr.l

2020-11-05 08:15:16 309

原创 JavaScript正则表达式

正则简介:用于定义一些字符的规则计算机通过正则表达式检查一些字符是否符合标准方式:1:通过构造函数创建正则表达式对象var a = new RegExp(“正则表达式”,“匹配模式”);2: 通过字面量方式创建正则表达式var a = /[0-9]/;匹配一串字符中是否有avar reg = new RegExp(“a”,“g”);test() 方法用于检测一个字符串是否匹配某个模式.如果字符串中有匹配的值返回 true ，否则返回 false。正则表达式字符**[0-9] 匹配一

2020-11-04 08:48:11 111

原创字符串函数

定义一个字符串var str = "Aheloworld";1- 获取字符串的长度 lengthvar str = "Aheloworld";console.log("str变量中字符串的长度为："+str.length)2- 在字符串中，每个字符是可以通过下标指定以0开始的可以通过下标的方式获取字符串中的值，但是不能进行更改3- charAt()var str = "Aheloworld";var str1 = str.charAt(3)console.log("通过charAt(

2020-10-29 09:34:18 80

原创 Date函数

一月 Jan. January二月 Feb. February 三月 Mar. March四月 Apr. April 五月 May. May 六月 Jun. June七月 Jul. July 八月 Aug. August九月 Sept. September十月 Oct.

2020-10-28 09:58:57 772

原创 Math函数

Math 和其他对象不同，他不是一个构造函数,他属于一个工具类不需要创建对象，但是里面封装许多运算的属性和方法求圆周率–PIconsole.log("圆周率："+Math.PI)求绝对值abs var num = -1; console.log("求绝对值："+Math.abs(-1))向上取整 ceilvar a = 3.1; console.log("ceil(3.1)向上取整"+Math.ceil(a))//4var a = -3.1; console.log("ceil

2020-10-28 09:50:57 228

原创数组的修改方法

数组的修改方法1.mapmap 此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变源数组var arr = [1,2,3,4,5]; var newArr1 = arr.map(function(a){ // 将条件的结果返回到新数组中 return a > 5 })2.forEach此方法是将数组中的每个元素执行传进提供的函数，没有返回值arr.forEach(function(a){ if(a > 5){

2020-10-27 09:19:58 4802 1

weixin_51958438的博客