万年一更——吐血整理JavaScript—DOM操作

一个多月没更了，返校之后各种忙哈哈哈哈，今天突然想起了我的博客。本次博客以手写笔记为主（因为感觉打字太慢，浪费时间）
啊这，大家别嫌我字丑！！！
在这里插入图片描述
因为大二想学习一下web开发，给自己立了一个小flag，大三前基本做出来一个属于自己的网站，最近一直在刷B站的视频。今天DOM操作算是学习完结吧。但还没咋实战过。这就有点不ZBC了。废话不多说，先来一张JavaScript基础重点知识
在这里插入图片描述
下面的手写笔记以JavaScriptDOM操作为主，学过C++或C或者其他语言的，基本上在逻辑理论上都能理解，学一门，门门通。

排他算法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Le</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div id="box">
        <ul id="nav">
            <li>Le简介</li>
            <li>开发领域</li>
            <li>合作伙伴</li>
            <li>Le成员</li>
            <li>Le发展前景</li>
            <li>联系方式</li>
        </ul>
    </div>
    <script>
        //鼠标经过改变背景色
        var ul=document.getElementById('nav');
        for(var i=0;i<ul.children.length;i++) {
    
    
            ul.children[i].onmouseover=function() {
    
    
                for(var j=0;j<ul.children.length;j++) {
    
    
                    ul.children[j].style.background='#00000000';
                }
                this.style.background='#00f2fe';
            }
        }
    </script>
</body>
</html>

效果展示：
在这里插入图片描述

在这里插入图片描述

前几天白嫖了阿里七天的服务器，淦，快到期了。
现在在做一些简单的页面，尽力用JavaScript实现网站简单的交互

点击进入—— 皮皮晗的秘密小屋.

目前不对外开放，噗呲，你们也就看看登录页面哈哈哈操
页面展示（其实是动态的）：
在这里插入图片描述
溜了溜了，两周后更BOM操作！

万年一更——吐血整理JavaScript—DOM操作

点击进入—— 皮皮晗的秘密小屋.

猜你喜欢