JavaScript
CHY__YHC
这个作者很懒,什么都没留下…
展开
-
对叠加的兄弟元素,下层元素绑定事件,穿透上层兄弟元素
问题:两个兄弟元素,其中一个元素置于另一个元素上层,对下层元素绑定点击事件触发不了。代码: <style> *{ margin: 0; padding: 0; } .outer{ width: 300px; height: 300px; background-color: red; margin原创 2021-09-02 22:33:38 · 739 阅读 · 0 评论 -
const 修改常量问题
const 是用来定义常量的,但是,经过定义后的常量是不能被修改的,一旦修改会报 Assignment to constant variable. 错误,比如:// let 修改定义后的变量let num = 100console.log(num) // 100num = 200console.log(num) // 200// const 修改定义后的常量const a = 100console.log(a) // 100a = 200 // 报错原创 2021-07-26 15:31:45 · 718 阅读 · 0 评论 -
JavaScript中“==”和“===”的区别以及复杂数据类型的比较
1、在 JS 中“==” 和 “===”是有些不同的,“==”比较的数据,只要值相等就为true,而“===” 不仅要 值相等,而且所比较数据的类型也要一样。如下:var str = 1var str1 = '1'console.log(str == str1) // trueconsole.log(str === str1) // false2、对于复杂数据类型进行比较时,比较的是存储的地址,因此,只要地址不相同,就算一样也不相等,如下:var obj = {name:'张三原创 2021-07-20 14:55:43 · 136 阅读 · 0 评论 -
JS中使用offsetHeight 获取元素高度为0问题
今天再写代码时,要获取 一个 ul 的高度,我就使用 offsetHeight ,但是获取出来的结果却是 0,试了好久,发现拼写语法都没有错,最后,发现是没有去除浮动问题,我 ul 里面的 li 使用了浮动,而我的 ul 并没有去浮动,因此,获取出来的 ul 就为 0 了。代码如下: .container ul li { float: left; width: calc(100% / 5 - 12px); hei原创 2021-07-18 12:59:06 · 3354 阅读 · 0 评论 -
JavaScript实现创建动态表格和全选
要求:1、根据数据,使用 JavaScript 动态创建表格。2、实现实现复选框全选功能。 其一,要求点击头部的复选框,下面子复选框全部选中或取消; 其二,下面子复选框,只有全部选中完,头部复选框才能,被选中。步骤:动态创建表格1、对HTML页面进行简单的布局;2、循环遍历数组,获取每一项数据3、使用模板字符串经行拼接 var userList = [...原创 2021-07-14 23:20:23 · 583 阅读 · 3 评论 -
JavaScript中函数中变量的解析
在 JavaScript中的函数执行时,如果函数里面涉及到变量解析,函数在定义的时候是不解析变量,就是按照变量名保存;只有当函数执行时,才会解析变量。例如,下面代码:判断函数执行后,打印结果。var num = 10function fn(){ // 如果函数定义阶段就解析了变量,那么存储的代码 console.log(10) // 如果函数是在调用阶段解析变量,那么存储的代码console.log(20) console.log(num)}num = 20fn..原创 2021-07-14 20:47:50 · 357 阅读 · 1 评论 -
复杂数据类型转换json格式在转换位复杂数据类型后,修改内容是否会有影响?
问题:根据下面代码,判断obj中name是否改变?var obj = { name:'李四', age:20, gender:'男'}var str = JSON.stringify(obj)var obj2 = JSON.parse(str)obj2.name = '王五'console.log(obj)console.log(obj2)答案:没有改变console.log(obj) // {name: "李四", age: 20, gender:原创 2021-07-10 10:33:53 · 138 阅读 · 0 评论 -
把json格式的字符串转换为对象数据类型
一开始我使用JSON.parse(jsonStr)语法进行转换,json格式的字符串,代码如下:var jsonStr = {"name":"张三","age":18,"gender":"男"}var obj = JSON.parse(jsonStr)console.log(obj)可是一直报错误:根据错误提示:说是 O 有问题,可是声明变量obj不应该有问题,所以那就该是后面的JSON.parse(jsonStr) 出现的问题,但是对于JSON.parse()语法没有拼写错误;就..原创 2021-07-10 10:01:32 · 682 阅读 · 0 评论 -
JavaScript实现字符串翻转
方案一首先,使用split分割字符串准换位数组;然后,在使用reverse方法翻转数组;最后使用join方法拼接,代码如下:var str = 'abdefgh'var res = str.split('').reverse().join('') // 这些方法可以连用console.log(res)注意:1、使用split()分割后得到的返回值直接是以数组方式返回的;2、使用join()拼接的数组,返回值是以字符串方式返回的。方案二创建一个新的空字符串,然后,把原字符串原创 2021-07-09 22:41:17 · 359 阅读 · 0 评论