JS DOM编程艺术-笔记

2024-09-03 13:38
文章标签 笔记 js 编程 dom 艺术

本文主要是介绍JS DOM编程艺术-笔记,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

对数据类型声明的语言称为强类型语言,相反为弱类型,JS就是可随意改变变量数据类型的弱语言

字面量就是除了本身给出的内容外无任何附加含义

字符串、数值、布尔值都属于离散数值,某个变量是离散的,它在任意时刻只能有一个值

数组可包含数组,也可以是变量

关联数组的意思是 明确的给出下标,可以是数字也可以是字符串

字符串和数值拼接会是一个更长的字符串

函数可当做一种数据类型把调用结果赋给变量

变量作用域:如果在函数内部使用var声明变量,则视为局部变量,如果没有var 被视为全局变量,如果已存在一个与之同名的变量,则会覆盖那个现有的变量

ex 

function square(num){

        total=num*num;

       return total;

};

var total=50;

var number=square(20);

alert(total); //total为40;



DOM的工作模式:先加载静态内容,在动态刷新。动态刷新不影响静态内容

对象就是由一些彼此相关的属性和方法集合在一起的数据实体

属性是属于某个特定对象的变量

方法是只有某个特定对象才能调用的函数

实例是对象的具体表现


JS三对象:用户定义对象/内建对象/宿主对象

宿主对象是由它的运行环境提供的 例如web浏览器就是运行环境

window、form、image、element就是宿主对象

window对象的属性和方法统称为BOM


DOM节点的概念 

属性节点<元素节点 /文本节点<元素节点

四个使用DOM方法:getElementById /getElementsByTagName /getAttribute /setAttribute

getAttribute() 只有一个参数 你想查询的属性名字

不能通过document对象调用,只能通过一个元素节点对它调用

setAttribute()两个参数 "属性","值"

οnclick="showPic();return false";

当返回值是false时默认行为将不会发生;例如新建窗口


childNodes 返回一个元素节点数组

nodeType 返回1表示此元素是元素节点 2属性节点 3文本节点

nodeValue 检索值

这篇关于JS DOM编程艺术-笔记的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1133115

相关文章

MySQL的JDBC编程详解

《MySQL的JDBC编程详解》:本文主要介绍MySQL的JDBC编程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录前言一、前置知识1. 引入依赖2. 认识 url二、JDBC 操作流程1. JDBC 的写操作2. JDBC 的读操作总结前言本文介绍了mysq

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

Python异步编程之await与asyncio基本用法详解

《Python异步编程之await与asyncio基本用法详解》在Python中,await和asyncio是异步编程的核心工具,用于高效处理I/O密集型任务(如网络请求、文件读写、数据库操作等),接... 目录一、核心概念二、使用场景三、基本用法1. 定义协程2. 运行协程3. 并发执行多个任务四、关键

AOP编程的基本概念与idea编辑器的配合体验过程

《AOP编程的基本概念与idea编辑器的配合体验过程》文章简要介绍了AOP基础概念,包括Before/Around通知、PointCut切入点、Advice通知体、JoinPoint连接点等,说明它们... 目录BeforeAroundAdvise — 通知PointCut — 切入点Acpect — 切面

Python学习笔记之getattr和hasattr用法示例详解

《Python学习笔记之getattr和hasattr用法示例详解》在Python中,hasattr()、getattr()和setattr()是一组内置函数,用于对对象的属性进行操作和查询,这篇文章... 目录1.getattr用法详解1.1 基本作用1.2 示例1.3 原理2.hasattr用法详解2.

C#异步编程ConfigureAwait的使用小结

《C#异步编程ConfigureAwait的使用小结》本文介绍了异步编程在GUI和服务器端应用的优势,详细的介绍了async和await的关键作用,通过实例解析了在UI线程正确使用await.Conf... 异步编程是并发的一种形式,它有两大好处:对于面向终端用户的GUI程序,提高了响应能力对于服务器端应

C# async await 异步编程实现机制详解

《C#asyncawait异步编程实现机制详解》async/await是C#5.0引入的语法糖,它基于**状态机(StateMachine)**模式实现,将异步方法转换为编译器生成的状态机类,本... 目录一、async/await 异步编程实现机制1.1 核心概念1.2 编译器转换过程1.3 关键组件解析

Go语言数据库编程GORM 的基本使用详解

《Go语言数据库编程GORM的基本使用详解》GORM是Go语言流行的ORM框架,封装database/sql,支持自动迁移、关联、事务等,提供CRUD、条件查询、钩子函数、日志等功能,简化数据库操作... 目录一、安装与初始化1. 安装 GORM 及数据库驱动2. 建立数据库连接二、定义模型结构体三、自动迁

使用Python获取JS加载的数据的多种实现方法

《使用Python获取JS加载的数据的多种实现方法》在当今的互联网时代,网页数据的动态加载已经成为一种常见的技术手段,许多现代网站通过JavaScript(JS)动态加载内容,这使得传统的静态网页爬取... 目录引言一、动态 网页与js加载数据的原理二、python爬取JS加载数据的方法(一)分析网络请求1

VSCode中配置node.js的实现示例

《VSCode中配置node.js的实现示例》本文主要介绍了VSCode中配置node.js的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一.node.js下载安装教程二.配置npm三.配置环境变量四.VSCode配置五.心得一.no