![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript学习笔记
学习记录,防止遗忘
芒果水蜜桃
找到兴趣,保持学习
展开
-
Uncaught SyntaxError: Unexpected end of input (at aaa.html:13:72)
<input type=“button” οnclick=“alert(“fff”);” value=“Click Me” />这样写会报:”Uncaught SyntaxError: Unexpected end of input (at aaa.html:13:72)因为有个双引号失效了,需要改成<input type=“button” οnclick=“alert(“fff”);” value=“Click Me” />原创 2022-08-23 15:26:34 · 599 阅读 · 1 评论 -
显示隐藏文本默认内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2021-12-01 10:46:22 · 81 阅读 · 0 评论 -
javascript_统计出现次数最多的字符
// 统计出现次数最多的字符 var str = "ahnojdddddddddddddoooooohsmdionjfoooo"; var o = {}; //对象初始化是由一组描述对象的属性组成。属性的值可以是原始类型,也可以是其他对象。 没有属性的空对象可以用以下方式创建: let obj = {}; 不过,字面 和初始化 标记的优势在于,可以用内含属性的花括号快速创建对象。 var char1; for (var i = 0; i < str.length原创 2021-11-26 16:57:09 · 471 阅读 · 0 评论 -
根据位置返回函数的函数
// 根据位置返回字符 // 1.charAt(index)根据位置返回字符 var str = 'andy'; console.log(str.charAt(3));//y // 遍历所有字符 for (var i = 0; i < str.length; i++) { console.log(str.charAt(i));//andy } // 2.charCodeAt(index) 返回相应索引号的字符ASCII值 目的判..原创 2021-11-26 15:47:02 · 98 阅读 · 0 评论 -
JavaScript-基本包装类型
原创 2021-11-25 18:18:06 · 371 阅读 · 0 评论 -
倒计时效果
// 倒计时 function getTime(time) { var nowTime = + new Date(); var inputTime = + new Date(time); var times = (inputTime - nowTime) / 1000; var d = parseInt(times / 60 / 60 / 24); var h = parseInt(times / 60 / 60 % 24);...原创 2021-11-25 12:06:38 · 83 阅读 · 0 评论 -
JavaScript——猜数字游戏升级版
// 猜数字游戏 // 产生随机(范围在min~max包括min和max)数字的函数 function getRandom(min, max) { return Math.floor(Math.random() * (max - min - 1) + min); } var random = getRandom(1, 15); //检查是否正确 console.log(random); var number = 0; while .原创 2021-11-23 16:28:44 · 2771 阅读 · 0 评论 -
JavaScript——猜数字游戏,产生随机数的函数
// 猜数字游戏 // 产生随机(范围在min~max包括min和max)数字的函数 function getRandom(min, max) { return Math.floor(Math.random() * (max - min - 1) + min); } var random = getRandom(1, 10); while (true) { var num = prompt('输入1~10之间的一个数字'); i..原创 2021-11-23 16:20:33 · 3174 阅读 · 0 评论 -
JavaScript——利用Math.random()对象实现随机点名
```clikefunction getRandom(min, max) { return Math.floor(Math.random() * (max - min - 1) + min)}var arr = ['zz', '张珊', 'ss', 'ff', 'fff', 'jkjk', 'fjue'];console.log(arr[getRandom(0, arr.length - 1)]);原创 2021-11-23 15:51:00 · 1344 阅读 · 0 评论 -
JavaScript封装的Math对象
Math.floor();向下取整Math.ceil();向上取整Math.round();四舍五入Math.abs();去绝对值Math.max()/min();取最小值 const array = [0, 1, 2, 3, 4, 15, 6]; console.log(Math.max(...array)); //注意 或 console.log(Math.max(0, 1, 2, 3, 4, 15, 6));随机数方法:random()...原创 2021-11-22 11:30:23 · 251 阅读 · 0 评论 -
arguments对象
arguments 是一个对应于传递给函数的参数的类数组对象。arguments对象不是一个 Array 。它类似于Array,但除了length属性和索引元素之外没有任何Array属性。例如,它没有 pop 方法。但是它可以被转换为一个真正的Array:...转载 2021-11-22 11:01:45 · 125 阅读 · 0 评论 -
javascript封装函数
/* function Conputer(color, weight, brand, model) { this.color = color; this.weight = weight; this.brand = brand; this.model = model; this.file = function File() { console.log('看电影'); consol...原创 2021-11-22 10:40:47 · 270 阅读 · 0 评论 -
数组翻转函数
// 翻转函数 function Overturn(array) { var newArray = []; for (var i = 0; i < array.length; i++) { newArray[i] = array[array.length - i - 1]; } return newArray; } var array = [0, 1, 2, 3, 4, 5, 6]; var ove...原创 2021-11-22 10:23:14 · 778 阅读 · 0 评论 -
遍历对象(for in)
var obj = { uname: '可可', type: '阿拉斯加', age: '5岁', cole: '棕红色', sayBark: function () { console.log('汪汪汪'); }, showFilm: function () { console.log('演电影'); } } for (k in obj) { c..原创 2021-11-22 09:59:41 · 453 阅读 · 0 评论 -
js创建对象的方式
对象(object)1.利用字面量:{}var object= {};var object = {uname: ’ 张珊’ ,sayHi: function() {console.log(‘hi~’);} }<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=原创 2021-11-22 09:58:57 · 293 阅读 · 0 评论 -
12-仿京东显示隐藏密码明文案例
12-仿京东显示隐藏密码明文案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti转载 2021-11-19 17:07:33 · 588 阅读 · 0 评论 -
JavaScript函数封装翻转数组
Document原创 2021-11-10 11:39:35 · 975 阅读 · 0 评论 -
arguments的使用
当不确定形参有多少个时可以用arguments代替形参。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2021-11-10 10:48:21 · 683 阅读 · 0 评论 -
mdn网站JavaScript内置对象
mdnweb学习网址https://developer.mozilla.org/zh-CN/原创 2021-11-09 17:48:18 · 322 阅读 · 0 评论 -
改变元素内容innerText和innerHTML的区别
<body> <button id="btn">按钮</button> <p>123</p> <script> var btn = document.querySelector('#btn'); var p = document.querySelector('p'); // 改变元素内容 // innerText:不识别HTML标签,innerHTML 识别 btn.onclick原创 2021-11-09 11:51:16 · 239 阅读 · 0 评论 -
获取body和HTML元素
//获取body元素var bodyEle = document.body;console.log(bodyEle);//获取HTML元素var htmlEle = document.documentElement;console.log(htmlEle);原创 2021-11-09 11:03:07 · 329 阅读 · 0 评论 -
JavaScript中DOM获取元素
1.根据id获取元素:document.getElementById(“id名”);2.根据标签名获取元素集合数组,可采取遍历方式得到:document.getElementsByTagName(‘标签名’)3.通过HTML5新增获取元素(ie9以上兼容)document.getElementByClassName(‘类名’):返回document.querySelector(‘选择器’):返回指定选择器的第一个元素对象1.根据id获取元素:document.getElementById(“id名原创 2021-11-09 10:45:46 · 546 阅读 · 0 评论 -
JavaScript——求最大值函数
// 求最大值 function Max(a, b) { var max = a; if (a < b) { max = b; b = a; a = max; } alert(max); } Max(2, 4); function Max(a, b) { if (a > b) { return a; } else { .原创 2021-11-05 10:18:19 · 1080 阅读 · 0 评论 -
JavaScript实现冒泡排序
冒泡排序:一种排序算法。一次比较两个元素,// 冒泡排序 var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]; var max; for (var i = 0; i < arr.length; i++) { // 内层循环一趟交换(比较)次数是arr.length-i-1次,i+1是前面趟次已排序好的元素,如果只用arr.lenght会浪费时间 for (var j = 0; j < arr.length -原创 2021-11-05 09:23:37 · 413 阅读 · 3 评论 -
JavaScript-反转数组
// 反转数组 var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]; var newArry = []; for (var i = arr.length - 1; i >= 0; i--) { newArry[newArry.length] = arr[i]; } console.log(newArry);原创 2021-11-04 17:27:37 · 493 阅读 · 0 评论 -
JavaScript——删除指定数组元素
// 删除指定数组元素 var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]; for (var i = arr.length - 1; i >= 0; i--) { if (arr[i] == 0) { while (i < arr.length) { arr[i] = arr[i + 1]; i++; } } } console.l原创 2021-11-04 17:01:38 · 1105 阅读 · 1 评论 -
数组中新增元素
方法一:修改length长度方法二:追加,新增数组元素 // 方法一:修改length长度 var arr = [1, 3, 3] arr.length = 5; console.log(arr[3]); //undefined // 方法二:新增数组元素 arr[3] = 'ping'; console.log(arr); // 筛选数组 var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];原创 2021-11-04 16:28:35 · 323 阅读 · 0 评论 -
JavaScript——数组转换成字符串并用空格分隔
// 数组转换成字符串 var arr = ['my', 'name', 'is', 'hanmeimei']; var str = ''; for (var i = 0; i < arr.length; i++) { str += arr[i] + ' '; } alert(str);原创 2021-11-04 16:08:06 · 2602 阅读 · 0 评论 -
JavaScript中的数组
//遍历数组元素 var arr = ['关羽', '张飞', '貂蝉', '行中']; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 计算数组的和和平均值 var arr = [5, 6, 4, 8, 7, 6, 2, 6]; var sum = 0; for (var i = 0; i < arr.length; i++) { ...原创 2021-11-04 16:03:47 · 76 阅读 · 0 评论 -
JavaScript实现简易ATM机
// 简易ATM机 var blance = 100; // 余额 var money = 0; var choice = prompt('请输入您要的操作:' + '\n' + '1.存钱' + '2.取钱' + '3.显示余额' + '4.退出');;// 选择 do { switch (choice) { case '1': money = prompt('请输入您要存的钱数值:'); blanc..原创 2021-11-04 15:32:40 · 341 阅读 · 0 评论 -
2021-11-04
var a = '';for (var i = 1; i < 10; i++) { for (var j = i; j < 10; j++) { a += '*'; } a += '\n';}console.log(a);var a = ''; for (var i = 1; i <= 5; i++) { a += "*"; } console.log(a); // i = 1时j = 0, j <原创 2021-11-04 11:42:36 · 249 阅读 · 0 评论 -
求班级成绩和——prompt接收的值为字符串
var num = prompt('输入班级人数:'); var sum = 0; //求和变量 var average = 0; // 平均值变量 for (var i = 1; i <= num; i++) { var score = prompt("输入第" + i + "个学生成绩"); //prompt接收的值是字符串需要转换成浮点型才能进行算术 sum += parseFloat(score); } averag.原创 2021-11-03 16:29:31 · 183 阅读 · 0 评论 -
三元表达式
语法结构:条件表达式 ? 表达式1 : 表达式2若表达式为假,则返回表达式2 的值原创 2021-11-03 16:27:34 · 161 阅读 · 0 评论 -
逻辑与或的短路运算
逻辑与的短路运算如果表达式1 结果为真 则返回表达式2如果表达式1 为假 则返回表达式1console.log(123 && 456); //456console.log(0 && 1 + 2 && 456 && 56789); // 0注意:’ ’ null undefined NaN 都是假逻辑或的短路运算若表达式1 为真 则返回表达式1若表达式1 为假 则返回表达式2console.log(0 || 1 + 2 |原创 2021-11-03 10:44:47 · 265 阅读 · 0 评论 -
算术运算符
尽量不要用浮点数进行加减乘除会有误差。判断一个数能否被整除方法余数为0:%取余运算符的主要用途表达式和返回值由数字、运算符、变量等组成的式子。前置递增运算符++、–必须配合变量使用var e = 10;var f = e++ + ++e; // 22比较运算符'‘和’='的区别console.log(18 == ‘18’); //trueconsole.log(18 == ‘18’); //true注意:两个等于只要数据一样就可以,不同类型也相等===console.l原创 2021-11-02 18:05:19 · 75 阅读 · 0 评论 -
**js中转换成数字型(重点)**
js中转换成数字型(重点)parseInt(string)函数:将string类型转换成整数数值型parse Float(string)函数:将string类型转成浮点数数值型Number()强制转换函数:将string类型转换为数值型js 隐式转换(- * /):利用算术运算隐式转换为数值型...原创 2021-10-29 11:34:49 · 155 阅读 · 0 评论 -
day01 javascript基础学习
针对不同的东西,用不同的学习方法任何能执行代码的设备都叫计算机。计算机语言种类,机器语言、汇编语言、高级语言。1.什么是编程语言?2.编程语言和标记语言的不同。编程语言有很强的逻辑性和行为能力。其中很多if else、while等具有逻辑性和行为能力指令,这是主动的。标记语言不能向计算机发出指令,常用于格式化和链接。标记语言的存在是用来读取的,是被动的。**3.常见的数据存储单位及换算关系。4.内存的主要作用及特点。暂时存储数据注释vscode中的注释修改快捷键在左下角的设置-快捷键原创 2021-10-29 11:34:31 · 84 阅读 · 0 评论