前端学习笔记03

最新推荐文章于 2024-08-27 13:38:21 发布

顺其自然6

最新推荐文章于 2024-08-27 13:38:21 发布

阅读量102

点赞数 3

文章标签： javascript 前端 servlet

本文链接：https://blog.csdn.net/qq_56951318/article/details/126497205

版权

javaScript 脚本语言 ?

解释性

用来给HTML网页增加动态功能,通常运行在浏览器环境下

JS 的两种模型

DOM : 文档对象模型 document

BOM : 浏览器对象模型 window

nodejs 运行在计算机环境下,服务器技术

js 解释器不同浏览器解释器不同但是解释的效果一样

chrome v8

node v8

safari javascriptcore

ECMAScript (ES) :是一套规范(语法) javascript 是他的实现

自动类型推断

数字 number

字符串 string

布尔型 boolean

null 定义了 ,值为空

undefined 未定义,没声明过

nan 不是一个数字

数组

对象

所有的html 元素,可以自己添加属性,但是只有原生的属性才能通过元素结点获取 (. 的方式)

但是可以通过 getAttribute 的方法拿到非原生的属性

还可以通过 setAttribute 设置属性(设置原有的属性会覆盖原来的)

removeAttribute 删除属性

attributes 获取元素所有的属性( 是属性结点的映射集合)

BOM : browser object model

BOM核心对象 : window

浏览器有一个小型的数据库 (一个map集合 ,永久保存)

// 阻止事件冒泡
/*
1.在子元素的事件触发函数中阻止
2.借助event对象
3.调用一个方法

event对象必须通过addEventListener方式添加事件才可以使用

<!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">
    <title>Document</title>
    <style>
        ul{
            background-color: pink;
        }
        li{
            background-color: green;
        }
    </style>
</head>
<body>
    <ul onclick="c1()">
        <li></li>
    </ul>
    <script>

    function c1() {
        alert("ul");
    }
    let li = document.querySelector("li");
    li.addEventListener("click",function c2(event) {
        alert("li");
        //阻止事件冒泡
        event.stopPropagation();
    })
    </script>
</body>
</html>