javascript积累
2024-10-12 06:49:21
本来是java程序员,但是工作过程中总是遇到各种js的任务得完成,所以也得慢慢积累啊!
一、浏览器对象模型(Browser Object Model)BOM
window对象:当前浏览器窗口
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
使用window对象的属性:window.xxx,也可以直接xxx调用
例:var element=document.getElementById("intro");
二、文档对象模型(Document Object Model)DOM
分三个部分:
- 核心 DOM - 针对任何结构化文档的标准模型
- XML DOM - 针对 XML 文档的标准模型
- HTML DOM - 针对 HTML 文档的标准模型
HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。我们主要涉及HTML DOM
三、HTML DOM
1.HTML DOM 标准,HTML 文档中的所有内容都是节点:
- 整个文档是一个文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 注释是注释节点
所有节点组成DOM树,从根节点html开始,一级级向下。
既然有树,就有树的所有叫法:父(parent)、子(child)和同胞(sibling)。
DOM树中所有节点都可以通过js进行获取、修改、添加、删除。
2.一些常用的 HTML DOM 方法:
- getElementById(id) - 获取带有指定 id 的节点(元素)
- appendChild(node) - 插入新的子节点(元素)
- removeChild(node) - 删除子节点(元素)
一些常用的 HTML DOM 属性:
- innerHTML - 节点(元素)的文本值
- parentNode - 节点(元素)的父节点
- childNodes - 节点(元素)的子节点
- attributes - 节点(元素)的属性节点
最新文章
- C++快速入门系列教程
- java的静态代理和动态代理(jdk、cglib)
- apache 一域名下多个二级域名如何做设置?
- Direct2D开发:从资源加载位图
- Day04_JAVA语言基础第四天
- android 动态改变listview的内容
- jquery之多重判断
- 线程异常:undefined reference to &;#39;pthread_create&;#39; 处理
- maven The superclass ";javax.servlet.http.HttpServlet"; was not found on the Java Build Path错误
- html禁止页面滚动
- python之生成器与迭代器
- Nginx动静分离负载均衡
- eleTree树形插件引入
- EF实现增删改查
- ML.NET 示例:推荐之One Class 矩阵分解
- windows ngix 安装 配置 使用
- System.Runtime.InteropServices.COMException 检索COM类工厂中CLSID{xxxxxxxxx}的组件时失败解决方法
- 飞利浦 PHILIPS 电动牙刷HX6730 拆解
- RabbitMQ入门_08_所谓的点对点与发布订阅模型
- SVN库迁移整理方法----官方推荐方式
热门文章
- 20141104--SQL连接查询,联合查询
- (转)Yale CAS + .net Client 实现 SSO(1)
- 杭电ACM2097--Sky数
- Codevs 2833 奇怪的梦境
- ZigBee HA示例程序分析
- silverlight 生成二维码
- System.Data.OracleClient 需要 Oracle 客户端软件 version 8.1.7 或更高版本
- Win7下MongoDB安装
- php实现查询百度google收录情况(示例代码)
- Session原理简述