JS
我在东软打代码
这个作者很懒,什么都没留下…
展开
-
JS动画函数封装
JS动画动画实现原理实现步骤动画函数简单封装给不同元素记录不同定时器缓动动画动画函数的使用动画实现原理核心原理:通过定时器setInterval()不断移动盒子位置。实现步骤1、获得盒子当前位置2、让盒子在当前位置加上1个移动距离。3、利用定时器不断重复这个操作4、加一个结束定时器的条件5、注意此元素需要添加定位,才能使用element.style.left<!DOCTYPE html><html lang="en"><head> <m原创 2021-08-06 00:40:29 · 150 阅读 · 0 评论 -
JS——练手案例
JS练手案例keyCode判断用户按下哪个键模拟京东按键输入内容模拟京东快递单查询发送短信案例keyCode判断用户按下哪个键<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>keyCode 判断用户按下哪个键</title></head><body> <script>原创 2021-08-03 22:49:39 · 256 阅读 · 0 评论 -
JS——练手案例
1、显示隐藏文本框的内容<!--1、首先需要2个新事件,获得焦点onfocus失去焦点onblur2、如果获得焦点,判断表单里面的内容是否为默认文字,如果是默认文字,就清空表单内容3、如果失去焦点,判断表单内容是否为空,如果为空,则表单内容改为默认文字--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>显示隐藏文本框原创 2021-08-03 10:24:30 · 277 阅读 · 0 评论 -
JS——练手案例
1、打印n行n列五角星<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>打印</title></head><body><p id="demo"></p><script> var rows = prompt('请输入行数') ; var cols = promp原创 2021-08-02 13:20:36 · 155 阅读 · 0 评论 -
JS——HTML DOM
通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素。HTML DOM(文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被结构化为对象树:对象的 HTML DOM 树HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。DOM 动画1、创建动画容器——所有动画都应该与容器元素关联。<div id ="container">原创 2021-07-30 11:00:06 · 74 阅读 · 0 评论 -
JS——对象
JavaScript 对象对象定义原始值对象是包含变量的变量对象的属性对象的方法对象访问器对象构造器对象原型对象定义一级目录在JS中,除了原始值,可以说一切皆对象。原始值原始值:没有属性或方法的值。原始数据类型:拥有原始值的数据。对象是包含变量的变量JavaScript 变量能够包含单个的值: var person = “Bill Gates”;对象也是变量。但是对象能够包含很多值。值按照名称 : 值对的形式编写(名称和值以冒号分隔):var person = {firstN原创 2021-07-29 16:57:04 · 81 阅读 · 0 评论 -
JS——表单
JS 表单验证HTML 表单验证能够通过JS来完成如果某个表单字段(fname)是空的,那么该函数会发出一条警告消息,并返回 false,以防止表单被提交出去:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单验证</title> <script> function validateFo原创 2021-07-28 21:45:20 · 126 阅读 · 0 评论 -
ES5 和 ES6
ES5 和 ES6ES5ES6ES5ES5 (ECMAScript 5)也称为ECMAScript 2009。新特新:ES6ES6 也称为 ECMAAcript 6 和 ECMAScript 2015新特性:对 ES6(ECMAScript 2015)的浏览器支持原创 2021-07-28 19:15:37 · 67 阅读 · 0 评论 -
JS进制的转换
进制的转换十进制转二进制二进制转十进制十进制转二进制<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>进制的转换</title></head><body><h3>十进制转二进制,-8的二进制为</h3><p id="demo"></p><s原创 2021-07-27 15:40:32 · 86 阅读 · 0 评论 -
JS 类型转换
类型转换typeoftypeof<!DOCTYPE html><html><body><h2>JavaScript typeof 运算符</h2><p>typeof 运算符返回变量、对象、函数或表达式的类型。</p><p id="demo"></p><script>document.getElementById("demo").innerHTML = typ原创 2021-07-27 14:23:25 · 47 阅读 · 0 评论 -
JS 循环
JS 循环forFor/In 循环While 循环Do/While 循环Break 和 Continuefor<!DOCTYPE html><html><body><p id="demo"></p><script>var cars = ["BMW", "Volvo", "porsche", "Ford"];var i, len, text;for (i = 0, len = cars.length, text =原创 2021-07-26 23:06:00 · 55 阅读 · 0 评论 -
JS判断条件
JS判断条件if-elseswitchif-else实现猜数字游戏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js判断条件</title></head><body><h2>猜数字游戏,猜出20以内的数字</h2><input id="num" value="1原创 2021-07-26 20:13:11 · 75 阅读 · 0 评论 -
JS的数组方法
数组转换为字符串1、使用toString()把数组转换为数组值(逗号分隔)的字符串<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组方法</title></head><body><p id="demo"></p><script> var name =原创 2021-07-26 19:28:43 · 54 阅读 · 0 评论 -
JS的Math 对象、随机、布尔(逻辑)
Math 对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js数学</title></head><body><p id="demo"></p><p id="demo2"></p><p id="demo3"></p>&l原创 2021-07-26 19:27:18 · 68 阅读 · 0 评论