- 博客(22)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 数组的常用方法
一.创建数组构造函数方式var sun=new Array('孙','19','female')使用构造函数方式创建一个数组。var arr=['孙','19','female'];二.数组元素的访问：使用length属性可以获取数组元素的数目var sun=new Array('孙','19','female');console.log(sun.length);//3三....
2020-04-30 19:15:30
159
原创 常用DOM操作
创建属性节点document.createAttribute(attributename).attributename：必需，要创建属性节点的名称。 <style> .attrs{ color: red; } </style> <script> window.onload=function（）{ ...
2020-04-28 21:39:20
143
原创 with语句的使用
此语句可以为一个或者一组语句指定默认对象，可以缩小代码量with (object){ statements }（1）.object:指定的默认对象。（2）.statements：一个或者一组语句，使用指定的object作为默认对象l例子var a=document.getElementById("x");var b=document.getElementById("y");d...
2020-05-01 10:50:48
358
原创 字符串/数组中兼容性不好的方法
在字符串中插入新的字符串let insertStr = (soure,start, newStr) => { return soure.slice(0, start) + newStr + soure.slice(start)}let testStr = "蚂蚁部落";console.log(insertStr(testStr,1,"奋斗"));查找字符串字符串中子串的查...
2020-05-01 10:29:46
313
原创 验证码的提交与创造
<script>var code;function createCode() { code = ""; var codeLength = 6; //验证码的长度 var checkCode = document.getElementById("checkCode"); var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7,...
2020-05-01 09:42:57
215
翻译 鼠标悬浮展开/选项卡/倒计时
选项卡<script> window.onload=function(){ var otab=document.getElementById('tab'); var lis=document.getElementsByTagName('li'); var omenudiv=document.getElementById('box'); ...
2020-05-01 08:17:44
266
原创 倒计时关闭页面
<script> var otimer; var second=60; function timer(){ otimer.innerHTML=second; if(second>0){ second=second-1; return false; } window.close(); } ...
2020-05-01 08:08:45
182
原创 获取任意css属性
在对网页进行调试的过程中，经常会用到js来获取元素的CSS样式，方法有很多很多，现在仅把我经常用的方法总结如下1.== obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在IE中使用的是obj.currentStyle方法，而FF是用的是getComputedStyle 方法提供了getComputedSty...
2020-04-30 10:48:58
127
原创 setInterval()与setTimeout()区别
1.字面解释set具有设定的意思intervall具有间隔和区间的意思，setinterval与时间间隔有关timeout具有延迟的意思，settimeout与设定时间延迟有关2.方法方面的区别（1.setinterval，用来规定指定时间间隔重复只当代码，默认可以执行无数次(2.settimeout 用来归来规定延迟指定时间后所执行的代码，默认只会执行一次<script&g...
2020-04-29 18:27:04
225
原创 删除/清除对象属性
1…删除对象指定属性：使用delect运算符删除对象属性let antzone = { webName: "南京", url:"https://editor.csdn.net/md", address:"南京市玄武区", age:19}delete antzone.age;console.log(Object.keys(antzone));清空对象属性let ant...
2020-04-29 15:54:52
470
原创 数组的剪接splice
JavaScript splice() 方法splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。注意：该方法会改变原始数组。arr.splice(start,num,element1,…,elementN)（1）.start：必需，规定从何处 “剪” 或者 “接” 数组元素。（2）.num：可选，规定要 “剪” 掉数组元素的数量。（3）.elementN：可选，规定...
2020-04-29 15:43:36
120
原创 JS与动画相关的事件：webkitAnimationIteration/webkitAnimationStart/webkitAnimationEnd
==此事件可以在animation动画重新播放时触发css当单击正方形后，开始旋转计数<style> *{ margin:0; padding: 0; } #box1{ width: 200px;height: 200px;margin: 0 auto;background-color: #1E90FF;color: #CCCCCC;fo...
2020-04-28 23:19:38
484
原创 监听事件+CSS样式增删改
**element.addEventListener(event, function, useCapture);** 第一个参数是事件的类型 (如 "click" 或 "mousedown"). 第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的第一种为按钮添加事件-html:<P>该实例使用addEve...
2020-04-28 23:08:58
1710
原创 canvas简单画布变换，创建阴影
function drawScreen() { context.setTransform(1,0,0,1,0,0); var angleINRadian=45*Math.PI/180; var x=100;var y=100;var width=50;var height=50; context.translate(x+.5*width,y+.5*height); c...
2020-04-28 16:53:55
162
原创 canvas图像和文本，图案填充
在drawScreen外添加图片 var spaceShip=new Image(); spaceShip.src='img/印花.jpg' spaceShip.addEventListener('load',eventsheetloaded,false); function eventsheetloaded(){ drawScreen(); ...
2020-04-28 16:47:53
184
原创 canvas各种渐变填充以及，贝塞尔曲线
渐变填充’”基本步骤"水平渐变，通过设置颜色段点来控制渐变颜色水平渐变必须保持y值为0var gr=context.createLinearGradient(0,0,100,0);*添加颜色断点gr.addColorStop(0,‘rgb(255,0,0)’);gr.addColorStop(.5,‘rgb(0,255,0)’);gr.addColorStop(1,‘rgb(25...
2020-04-28 16:37:00
1197
原创 HSL颜色记录
HSL H色调S饱和度L亮度 H ：0/360/-360红色 60黄色 120绿色 180情色 240蓝色 300洋红色 S 0%-100% 0%表示没有使用该颜色 100%饱和度最高 L ；0%最暗-100%亮度最高 除了IE浏览器。其他浏览器都兼容的很好样例 li{ display: block; width...
2020-04-27 21:19:57
569
原创 CSS3动画以及阴影总结
1.盒子阴影box-shadow：阴影类型,X轴位移，Y轴位移，阴影大小，阴影扩展，阴影颜色2.文本阴影text-shadow属性 1.阴影偏移，由两个length构成，第一个文本右边的水平距离，负值表示左边 第二个长度值只当到文本下边的垂直距离，负值表示文本上方 2.阴影偏移后，指定模糊半径 3.只当颜色3.tr...
2020-04-27 21:15:50
428
原创 各种引擎下CSS3渐变
webkit引擎下的渐变特效直线渐变background:-webkit-gradient(linear,left top,left bottom,from(cornflowerblue),top(whitesmoke))可以给其中添加color-stop属性其值可以为百分数，小数background:-webkit-gradient(linear,left top,left bott...
2020-04-27 20:58:32
170
原创 summary:css3radius
1.标准语法 border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; /*兼容*/ -moz-border-radius-bo...
2020-04-27 20:32:32
89
空空如也
Velocity.ui.js运行错误，求指点
2020-04-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人