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

相关文章

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

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

使用Python绘制蛇年春节祝福艺术图

《使用Python绘制蛇年春节祝福艺术图》:本文主要介绍如何使用Python的Matplotlib库绘制一幅富有创意的“蛇年有福”艺术图,这幅图结合了数字,蛇形,花朵等装饰,需要的可以参考下... 目录1. 绘图的基本概念2. 准备工作3. 实现代码解析3.1 设置绘图画布3.2 绘制数字“2025”3.3

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

JavaScript DOM操作与事件处理方法

《JavaScriptDOM操作与事件处理方法》本文通过一系列代码片段,详细介绍了如何使用JavaScript进行DOM操作、事件处理、属性操作、内容操作、尺寸和位置获取,以及实现简单的动画效果,涵... 目录前言1. 类名操作代码片段代码解析2. 属性操作代码片段代码解析3. 内容操作代码片段代码解析4.

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

C#反射编程之GetConstructor()方法解读

《C#反射编程之GetConstructor()方法解读》C#中Type类的GetConstructor()方法用于获取指定类型的构造函数,该方法有多个重载版本,可以根据不同的参数获取不同特性的构造函... 目录C# GetConstructor()方法有4个重载以GetConstructor(Type[]

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

Linux 网络编程 --- 应用层

一、自定义协议和序列化反序列化 代码: 序列化反序列化实现网络版本计算器 二、HTTP协议 1、谈两个简单的预备知识 https://www.baidu.com/ --- 域名 --- 域名解析 --- IP地址 http的端口号为80端口,https的端口号为443 url为统一资源定位符。CSDNhttps://mp.csdn.net/mp_blog/creation/editor

【Python编程】Linux创建虚拟环境并配置与notebook相连接

1.创建 使用 venv 创建虚拟环境。例如,在当前目录下创建一个名为 myenv 的虚拟环境: python3 -m venv myenv 2.激活 激活虚拟环境使其成为当前终端会话的活动环境。运行: source myenv/bin/activate 3.与notebook连接 在虚拟环境中,使用 pip 安装 Jupyter 和 ipykernel: pip instal

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)