js学习笔记(浅写小demo)
效果
实现一个输入框和一个输出框、点击输入框下方按钮后,在输出框输出相应信息
实现
js代码:
index.js文件
小结:
1.可以在HTML页面中的任意位置加上<script type="module"></script>
标签
2.js代码执行顺序:
2.1类似于HTML与CSS,按从上到下的顺序执行
2.2事件驱动执行
3.innerHtml 和 innerText
innerHtml 和 innerText都是获取document对象的文本内容
区别:
3.1innerHtml指的是从对象的起始位置到终止位置的全部内容、包括html标签
3.2innerText指的是从起始位置到终止位置的内容、但它去除html标签
3.3同时,inneHtml标签是所有浏览器都支持的、
innerText是IE浏览器和chrome浏览器支持的,
Firefox浏览器是不支持的
4.js中两种for循环语句的区别
以钞票这题为例
传送门https://www.acwing.com/problem/content/description/655/
for p of money:
4.1遍历数组, p拿到的是数组对象的值
let buf = "";
process.stdin.on("readable", function(){
let chunk = process.stdin.read();
if(chunk) buf += chunk.toString();
})
process.stdin.on("end", function(){
let n = parseInt(buf);
console.log(n);
let money = [100, 50, 20, 10, 5, 2, 1];
for(p of money){
let cnt = parseInt(n / p);
console.log(`${cnt} nota(s) de R$ ${p},00`);
n %= p;
}
})
for p in money:
**4.2遍历数组, p拿到的是数组对象的下标
**
let buf = "";
process.stdin.on("readable", function(){
let chunk = process.stdin.read();
if(chunk) buf += chunk.toString();
})
process.stdin.on("end", function(){
let n = parseInt(buf);
console.log(n);
let money = [100, 50, 20, 10, 5, 2, 1];
for (p in money){
let cnt = parseInt(n / money[p]);
console.log(`${cnt} nota(s) de R$ ${money[p]},00`);
n %= money[p];
}
})
4.3遍历对象, for in 拿到的是对象的属性名, 而for of会报错,如图