JavaScript
未来aaa
这个作者很懒,什么都没留下…
展开
-
JS图片切换,焦点对齐,自定义索引的使用
js代码 <script> // 获取元素 var box = document.getElementsByClassName('box')[0], ps = box.getElementsByTagName('p'), img = box.getElementsByTagName('img')[0], btns = box.getElementsByTagName('button'),原创 2021-12-14 16:56:17 · 1007 阅读 · 0 评论 -
原生JS计算两个数的和,arguments属性的介绍,求1-100的和。
今天在这里首先给大家介绍的是arguments属性,个人感觉这是一个容易被忽略的属性,如果不是工作中确实会用到这个属性,我还真一点印象都没有了。 介绍这个arguments属性之前先进行一番铺垫,首先来写一下用原生JS计算两个书数的和。// 求两个数的和 var sum1 = function(a1,a2){ console.log(a1+a2) } sum1(100,200);这完全没必要解释...原创 2021-12-12 22:31:56 · 683 阅读 · 0 评论 -
JavaScript写选项卡,自定义索引,this的使用
首先讲解思路。1.当前事件触发的时候,想让所有的li都没有背景颜色并且让所有的div都隐藏,然后再让当前点击的这个li有颜色,并让对应的那个div显示2.涉及到重复的事情必然要循环遍历借此机会锻炼自己的JS。注意自定义索引和this的使用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compat原创 2021-12-11 20:20:08 · 468 阅读 · 0 评论 -
JavaScript数据类型的转换
数据类型转换只针对于基本数据类型,复杂数据类型大多数情况下用不到数据类型转换。其他数据类型转换为数值Number(数据)规律:1. true为1,false为0,null为0,undefiend为NaN, 空数组为0, 2. 引用数据类型转化时先转为字符串,再转为数值。 3. 只能识别纯数字字符串,可保留一位小数,只能识别1个小数点 <script> console.log(Number('123'));//1...原创 2021-12-11 11:51:07 · 295 阅读 · 0 评论 -
b is not defined报错详解
<script> var a=100; console.log(a); console.log(b); </script>这是引用错误,因为b没有定义而直接引用导致的,解决办法就是先定义b,然后才去引用b。在开发中经常遇到这类报错,我这里是直接写了代码演示一下,原理很简单,但是在工作中遇到这里报错的情况五花八门,解决报错也是考验一个程序员的重要指标。...原创 2021-12-10 19:04:26 · 1123 阅读 · 0 评论 -
JavaScript操作元素样式
.style只能操作行内样式,想要获取style标签里面的样式需要通过window.getComutedStyle(元素).属性,由于这个属性在IE6~8不兼容,所以要进行兼容处理。在IE6~8使用元素.currentStyle.属性来获取,这两个方法都只能获取样式不能设置。不管是设置还是获取操作的都是行内样式。设置: 元素.style.样式属性=样式值;获取: 元素.style.样式属性;样式的操作元素.style.cssText="样式属性:样式值;样式属性:样式值"...原创 2021-12-08 18:19:05 · 279 阅读 · 0 评论 -
JavaScript操作元素的内容
规律:从当前元素中获取到的都是字符串原则:给值就是设置,不给值就是获取分为3类:1,操作表单元素内容设置: 表单元素.value=值;获取: 表单元素.value; <input type="text" id="text1" value=""> <script> // 给值就是设置,不给值就是获取 // 操作表单元素 var text1=document.getElementById('text1'); ..原创 2021-12-08 17:19:06 · 311 阅读 · 0 评论 -
JS鼠标各种事件
// js三部曲:获取元素,绑定事件,做对应的事 // 点击事件 document.getElementById('box1').onclick=function(){ console.log("点击事件") } // 双击事件 document.getElementById('box2').ondblclick=function(){ console.log('双击事件')..原创 2021-12-08 15:28:00 · 92 阅读 · 0 评论