JS笔记涉及代码
关注
分享
扫一扫
w18789476022
这个作者很懒，什么都没留下…
展开
-
JavaScript学习笔记
JavaScript学习笔记JavascriptJS编写的位置输出语法基本语法字面量与变量字面量变量标识符数据类型六种数据类型1.String字符串2.Number数值3.Boolean布尔值4.Null空值5.Undefined 未定义引用数据类型类型转换转换为String方式一（强制类型转换）方式二（强制类型转换）方式三（隐式的类型转换）转换为Number方式一（强制类型转换）方式二（强制类型转换）方式三（隐式的类型转换）转换为布尔值方式一（强制类型原创 2020-11-07 09:47:55 · 752 阅读 · 0 评论 -
move()函数
/* *目前我们定时器的标识由全局变量timer保存 * 所有的执行正在执行的定时器都在这个变量中保存 *///var timer;//乌龟与兔子使用同一个定时器/* *尝试创建一个可以简单动画的函数 * 参数 obj要执行动画的对象 * target:执行动画的目标位置 * speed：移动的速度 * attr:要执行动画的样式，比如left,right * callback:回调函数，在动画执行完毕后执行 */function move(obj, attr,原创 2020-11-07 09:08:18 · 2938 阅读 · 0 评论 -
按钮控制div移动方向
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #box1 { width: 6.25rem; height: 6.25rem; background-col原创 2020-11-06 19:28:05 · 786 阅读 · 0 评论 -
键盘控制div移动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1 { width: 200px; height: 200px; background-color: #FF7F50; position: absolute; } <原创 2020-11-06 19:26:53 · 144 阅读 · 0 评论 -
History
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* *Location 该对象中封装了浏览器的地址栏的信息 */ window.onload=function(){ var btn=document.getElemen原创 2020-11-06 19:10:52 · 151 阅读 · 0 评论 -
判断浏览器信息userAgent
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> alert(navigator.appName); console.log(navigator.userAgent); var ua=navigator.userA原创 2020-11-06 11:55:18 · 300 阅读 · 0 评论 -
鼠标实现div拖拽
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1 { width: 300px; height: 300px; background-color: #AAAAFF; position: absolute; } #b原创 2020-11-06 11:19:18 · 282 阅读 · 0 评论 -
键盘响应事件（不能输入数字）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload=function(){ document.onkeydown=function(event){ event=event||window.eve原创 2020-11-06 11:12:37 · 269 阅读 · 0 评论 -
div大写随鼠标滚轮移动而改变长度
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: #AAAAFF; } </style> <sc.原创 2020-11-06 11:00:29 · 184 阅读 · 0 评论 -
当鼠标在box1中移动时，box2中显示坐标
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #box1{ width: 400px; height: 200px; border: 1px solid black; margin: 10px; } #box2{ .原创 2020-11-06 09:43:14 · 204 阅读 · 0 评论 -
div跟随鼠标移动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>div跟随鼠标移动</title> <style> #box1{ position:absolute; width: 200px; height: 100px; background-color: coral; } </s.原创 2020-11-06 09:41:35 · 229 阅读 · 0 评论 -
DOM 增删改
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ padding: 0; margin: 0; } #left{ float: left; width: 25%; border: 1px solid black; margin: 10p.原创 2020-11-06 08:41:56 · 159 阅读 · 0 评论 -
常见正则表达式
//检查一个字符串是否以a开头 var reg=/^a/; console.log(reg.test("sdga"));//false //检查一个字符串是否以a结尾 var reg1=/a$/; console.log(reg1.test("sda"));//true //检查是否为手机号（第一位：以1开头；第二位3-9；11位；三位以后任意数字9个） // ^a [3-9] [0-9]{9} var phnum="1878.原创 2020-11-05 20:35:01 · 77 阅读 · 0 评论 -
解决forEach不兼容问题
在遍历方法之前添加如下代码即可。ECMA-262 第5版中指定的算法。算法假定Object和TypeError拥有它们的初始值。callback.call等价于Function.prototype.call()。if (!Array.prototype.forEach) { Array.prototype.forEach = function forEach(callback, thisArg) { var T, k;原创 2020-11-03 19:53:22 · 903 阅读 · 0 评论 -
根据输入内容，判断是否为质数
判断是否为质数 1.质数：只能被1和自身整除的数，1既不是质数也不是合数，质数必须是大于1的自然数。 2.Number.isInteger()判断是不是整数类型，由ES6提供，目前最新的FireFox与Chrome支持。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascrip原创 2020-10-25 21:47:55 · 428 阅读 · 0 评论 -
1000以内的水仙花（阿姆斯特朗数）
1000以内的水仙花数水仙花是指一个三位数，它的每个位上的数字的三次幂之和等于它本身<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> // 水仙花是指一个三位数，它的每个位上的数字的三次幂之和等于它本身，（例如：13+53+33=原创 2020-10-25 19:37:11 · 1031 阅读 · 0 评论 -
输入任意数量，进行正向、反向排序
输入任意数量，进行正向、反向排序方法一：冒泡排序法；（1） 原理： 思路： a)比较两个相邻的元素，如果后一个比前一个大，则交换位置 b) 第一轮的时候最后一个元素应该是最大的一个 c) 按照第一步的方法进行两个相邻的元素的比较，由于最后一个元素已经是最大的了，所以最后一个元素不用比较。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>原创 2020-10-25 18:56:09 · 979 阅读 · 0 评论 -
判断用户输入分数
判断用户输入分数1. 条件：用prompt输入成绩，score<0或score>100或是NaN或是未输入时，提示用户相应的错误。100分 电脑 80 平板 60 参考书 其他 棍棒。2. 涉及语句：if-else while 自定义函数。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script typ原创 2020-10-24 20:28:32 · 432 阅读 · 0 评论