2022-07-12 第九组 王佳齐 学习笔记

JAVASCRIPT 脚本语言

知识重点：

1.循环：
主要是for循环和while循环
for循环：for(let i = 0;i < 10;i++)
for循环的循环步骤：初始化条件，判断条件，循环体，循环条件。（面试题）
while循环：while(i<10)
while循环的循环步骤：初始化条件，判断条件，循环体，循环条件。
for in循环：for(let a in arr){console.lot(arr[a])}；它只能做遍历操作
do while循环：do{console.lot(a)}while(a>100);先执行一遍，然后再判断
死循环：for(;😉{} while(true){} do{}while(true)
总结
while循环 for循环
    初始化条件不好控制           每个for循环的初始化条件隔离
    循环条件也不好控制           每个循环条件都是隔离的
    在写函数时返回值便于管理      实现条件和循环体分离
2.根据选择器抓取标签
传统写法：
    let div = document.getElementById(div1);
    let divs = document.getElementsByClassName(jjj);
    let divs = document.getElementsByTagName(div);
新写法：
    let xzq = document.querySelector("#div");
    let xzq = document.querySelectorAll('div');
理解：抓取的是对应标签位置的源码
改变文本和HTML:
    div.innerText="kkkk";
    div.innerHTML="<h1>我是最棒的</h1>"
改变表单文本框内容：
    let input = document.querySelector("input").value;
    input.value = "我是JS放进文本框来的"
除此之外,value还可以作位下拉表单里的选项返回值（返回给服务器）
3.事件
定义：事件就是当我们和HTML文件发生交互时产生的行为，当设置了对应的事件之后，会执行相应函数。
一般加在需要产生交互的标签中，再在JS中写函数，将函数加在可以产生交互行为的代码后
例如：
<input type="text">
<button type="button" onclick="jump()">按钮</button>
<select onchange="change">
    <option>长春市</option>
    <option>沈阳市</option>
</select>
<script>
 function jump(){
        alert("按钮被点击了");
    }
    function change(){
        console.log("变了");

    }
</script>
自我总结：下午的HTML元素抓取不太明白，但是晚上弄清楚一点了；上午学的循环，开始在做案例时不是太清晰，但是在老师演示了两个之后成功做出来了。这一天好累啊！
最后放一张今天作业半成品的图片吧！

posted @ 2022-07-12 20:34  Iamnotarapper  阅读(25)  评论(0)    收藏  举报
ヾ(≧O≦)〃嗷~