Javascript基础知识(三)BOM,DOM总结

作者:hebedich 时间:2024-04-19 09:46:39 

window对象:

打开和关闭窗口:

window.open()

三个参数:1.载入新窗口的页面的URL

  2.新窗口的名字

  3.特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。

window.close()

系统对话框:

1.alert("hello world!");

2.confirm("Are you sure?");---选择

3.prompt("你的名字是说明?","");

时间间隔

setTimeout("alert('hello world!')",3000)间隔3秒钟执行hello world只执行一次

cleanTimeout

setInterval("alert('hello world')".3000)每隔3秒中执行一次

CleanInterval

历史

window.history.go(-1)回到上一页

window.history.back回到上一页

window.history.go(1)前进一页

window.history.forward前进一页

window.history.length查询看历史中的页面数

document对象:

document.links[0]访问链接

document.images[0]或document.images["imgHome"]访问图像

document.forms[0]或document.forms["frmSubscribe"]访问表单

Location对象

href:当前载入的页面的完整的URL

DOM中最主要的节点:

1.元素节点(Elenment);

2.属性节点(Attributes);

3.文本节点(Text);

4.注释节点(Comment);

所有类型节点的通用方法:

查找:

nodeName:节点名字

nodeValue:节点的值(主要针对文本节点,如果是元素节点返回为null;)

nodeType:节点的类型

firstChild:第一个儿子*****

lastChild:第二个儿子*****

childNodes:所有的子节点*****(两种方式)////

previousSibling:指向前一个兄弟节点(同级**);

nextSibling:指向后一个兄弟节点(同级**);

操作:

attributes:包含了代表的一个元素的特性的Attr对象,仅用于Element节点

appendChild:添加一个新的节点在最后

removeChild:删除一个节点

replaceChild:替换

insertBefore:在...之前添加一个节点

创建:

createElement:创建一个元素节点

createTextNode:创建一个文本节点

克隆:

cloneNode:复制一个节点  true(深度复制)false(浅度复制)

访问指定的节点:

getElementById:查找指定的Id;

getElementsByTagName:查找指定元素的类型(数组的形式);

getElementsName:查找指定元素的Name;

属性的查找,改变,设置:

getArrtibute:属性的查找;

setArrtibute:属性的改变  例如:setArribute(class,red)第一个参数是改变class,第二个设置为红色;

removeAttibute:删除属性;

覆盖,添加文本的值:

innerHTML

标签:Javascript,BOM,DOM,总结
0
投稿

猜你喜欢

  • Python Requests 基本使用及Requests与 urllib 区别

    2023-04-07 17:58:11
  • 网站的视觉路径和版式设计

    2008-04-15 14:35:00
  • 如何用Python进行回归分析与相关分析

    2023-11-24 01:08:14
  • Spring数据库连接池实现原理深入刨析

    2024-01-12 17:16:53
  • 图文详解Python如何导入自己编写的py文件

    2022-07-08 21:59:28
  • 高效的SQLSERVER分页查询(推荐)

    2024-01-16 09:54:52
  • python并发编程多进程 互斥锁原理解析

    2023-04-07 04:06:34
  • Opencv+Python实现图像运动模糊和高斯模糊的示例

    2022-08-06 12:25:19
  • Js 随机数产生6位数字

    2024-05-02 17:31:03
  • php+mysql删除指定编号员工信息的方法

    2024-06-05 09:40:28
  • Python实现邮件自动下载的示例详解

    2023-06-15 04:44:35
  • Python字典和集合讲解

    2021-03-05 22:31:14
  • Python爬虫获取豆瓣电影并写入excel

    2022-04-24 06:41:12
  • JavaScript实现的鼠标跟随特效示例【2则实例】

    2024-04-17 09:50:27
  • 解决Pytorch训练过程中loss不下降的问题

    2023-03-01 09:30:22
  • Python中使用socks5设置全局代理的方法示例

    2021-05-24 01:51:17
  • Django中对通过测试的用户进行限制访问的方法

    2021-08-27 16:42:46
  • Go语言学习之Switch语句的使用

    2024-04-23 09:38:57
  • python控制台打印log输出重复的解决方法

    2021-02-23 04:05:17
  • python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法

    2021-10-25 12:14:57
  • asp之家 网络编程 m.aspxhome.com