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

相关文章

揭秘Python Socket网络编程的7种硬核用法

《揭秘PythonSocket网络编程的7种硬核用法》Socket不仅能做聊天室,还能干一大堆硬核操作,这篇文章就带大家看看Python网络编程的7种超实用玩法,感兴趣的小伙伴可以跟随小编一起... 目录1.端口扫描器:探测开放端口2.简易 HTTP 服务器:10 秒搭个网页3.局域网游戏:多人联机对战4.

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

Java并发编程必备之Synchronized关键字深入解析

《Java并发编程必备之Synchronized关键字深入解析》本文我们深入探索了Java中的Synchronized关键字,包括其互斥性和可重入性的特性,文章详细介绍了Synchronized的三种... 目录一、前言二、Synchronized关键字2.1 Synchronized的特性1. 互斥2.

Python异步编程中asyncio.gather的并发控制详解

《Python异步编程中asyncio.gather的并发控制详解》在Python异步编程生态中,asyncio.gather是并发任务调度的核心工具,本文将通过实际场景和代码示例,展示如何结合信号量... 目录一、asyncio.gather的原始行为解析二、信号量控制法:给并发装上"节流阀"三、进阶控制

Node.js net模块的使用示例

《Node.jsnet模块的使用示例》本文主要介绍了Node.jsnet模块的使用示例,net模块支持TCP通信,处理TCP连接和数据传输,具有一定的参考价值,感兴趣的可以了解一下... 目录简介引入 net 模块核心概念TCP (传输控制协议)Socket服务器TCP 服务器创建基本服务器服务器配置选项服

mac安装nvm(node.js)多版本管理实践步骤

《mac安装nvm(node.js)多版本管理实践步骤》:本文主要介绍mac安装nvm(node.js)多版本管理的相关资料,NVM是一个用于管理多个Node.js版本的命令行工具,它允许开发者在... 目录NVM功能简介MAC安装实践一、下载nvm二、安装nvm三、安装node.js总结NVM功能简介N

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

C#多线程编程中导致死锁的常见陷阱和避免方法

《C#多线程编程中导致死锁的常见陷阱和避免方法》在C#多线程编程中,死锁(Deadlock)是一种常见的、令人头疼的错误,死锁通常发生在多个线程试图获取多个资源的锁时,导致相互等待对方释放资源,最终形... 目录引言1. 什么是死锁?死锁的典型条件:2. 导致死锁的常见原因2.1 锁的顺序问题错误示例:不同

PyCharm接入DeepSeek实现AI编程的操作流程

《PyCharm接入DeepSeek实现AI编程的操作流程》DeepSeek是一家专注于人工智能技术研发的公司,致力于开发高性能、低成本的AI模型,接下来,我们把DeepSeek接入到PyCharm中... 目录引言效果演示创建API key在PyCharm中下载Continue插件配置Continue引言