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

相关文章

Java AOP面向切面编程的概念和实现方式

《JavaAOP面向切面编程的概念和实现方式》AOP是面向切面编程,通过动态代理将横切关注点(如日志、事务)与核心业务逻辑分离,提升代码复用性和可维护性,本文给大家介绍JavaAOP面向切面编程的概... 目录一、AOP 是什么?二、AOP 的核心概念与实现方式核心概念实现方式三、Spring AOP 的关

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

使用Node.js和PostgreSQL构建数据库应用

《使用Node.js和PostgreSQL构建数据库应用》PostgreSQL是一个功能强大的开源关系型数据库,而Node.js是构建高效网络应用的理想平台,结合这两个技术,我们可以创建出色的数据驱动... 目录初始化项目与安装依赖建立数据库连接执行CRUD操作查询数据插入数据更新数据删除数据完整示例与最佳

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程序,提高了响应能力对于服务器端应