- 博客(15)
- 收藏
- 关注
原创 js中for语句和for...of和for...in语句区别
js中for语句和for…of和for…in语句区别` <p>for可以用来循环数组,或者类似于数组的对象(比如:字符串)。但for语句不能[直接]循环对象,因为对象没有迭代器,但可以间接使用Object.keys()返回对象的属性名称所组成的迭代器。</p> <p>for...in...专门用来循环对象的语句。一般不用来循环数组,但并不表示不能循环数组。</p> <p>for...of...专门用来循环数组(ES6),也可以用来循环带有迭代器的
2020-07-27 19:11:32
218
原创 js数组基本知识
js数组的一些基本知识 // 1. 如何定义数组Array // 1.1. []就是定义数组的格式,称为数组字面量,字面意思。推荐定义的方法。 // 数组中每个项称为数组的元素element。每个元素用英文分割。 // 是一个语法糖:用着方便,简单。是简化后的一种写法。本质 var persons = ["张三", "李四", "王五"]; // 1.2. 使用内置对象Array来定义数组, Array是一个抽象的,公共的对象。new就是从抽象的对象中实例化一
2020-07-27 19:08:13
105
原创 js 带实例函数定义与作用域介绍
函数定义与函数使用` 函数定义的格式: function 函数名称(参数1, 参数2, ...){ // 函数体 } <script> // 1. 定义函数 // function定义函数的关键字。 // add函数名称:命名规则同变量。 // 小括号中是参数1,此处的参数我们称为“形式参数”,简称:
2020-07-24 17:15:31
106
原创 使用for循环,while循环求100以内数和
for循环 var sum = 0; for (var i = 0; i <= 100; i++) { sum += i; } document.write(sum); document.write("");` while循环 var sum = 0; var i = 0; while (i <= 100) { sum += i; i++; } document.write(sum); document.write("");
2020-07-23 22:21:55
2125
原创 复制并修改元素内容,
使用jquery克隆方法.请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体",并添加到"被克隆p元素"的后面` <div id="div1"> <p> 我是源元素</p> </div> <script> $("#div1").on('click',function(){ ...
2019-10-28 13:38:59
206
原创 点击修改第二个p元素背景
css样式` 我是第一个p元素 我是第二个p元素 我是第三个p元素 ` ## js代码 $("#div1").on('click',function(){ $("#div04>p").eq(1).css("background","orange"); }); </sc...
2019-10-28 13:28:29
286
原创 文字替换
效果比较简单就不展示了 css代码 我是文字 我是子元素 ## js``代码` $(function(){ $("#b").hide(); }); function p(){ $('.first').replaceWith($('.second')); $("#b").show(); } ` ...
2019-10-27 22:39:20
121
原创 改变单行表格背景
样式代码` table,td{ border: 1px solid #000; border-collapse: collapse; } thead{ background-color: darkgray; } td{ width: 70px; height: 20px; } .even{ background-color: aqua; } .odd{ background-color: khak...
2019-10-27 22:37:08
143
原创 改变背景div颜色
css代码 这里用div写是一块区域的转换效果就不展示了` .blue{ width: 200px; height: 200px; background-color: blue; } .red{ width: 200px; height: 200px; background-color: red; } ## js代码 <div ...
2019-10-27 22:31:46
171
原创 页面实现图片移动
js代码` var img = document.getElementById(“imgShow”); img.left=0; img.top=0; function change(){ // 左 37 右 38 上39 下40 var keyCode = event.keyCode; if(keyCode37){img.left -=100; } if(keyCode38){img.top...
2019-10-25 13:24:58
444
原创 正则表达式写登录页面
样式代码` <div align="center" style="width: 300px; height: 500px; background-color: bisque ; margin: 0 auto;margin-top: 50px;"> <div style="width: 300px; text-align: center;">信息输入检测&l...
2019-10-25 13:10:30
1374
原创 点击转换图片
转换图片并显示时间` 点击灯泡就可以打开或关闭这盏灯 <div id="show" style="text-align: center;"> </div> <script type="text/javascript"> function changeImage() { element = document.ge...
2019-10-25 12:53:54
96
原创 JS设计灯开关闪烁,实现类似警灯效果
css样式代码`img{ position: absolute; top: 40px; } input{ position: absolute; left: 100px; } .blue{ height: 40px; width: 80px; background-color: blue; border-rad...
2019-10-25 12:46:51
1453
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人