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
猜你喜欢
- 今天介绍下Psyco模块,Psyco模块可以使你的Python程序运行的像C语言一样快。都说Python语言易用易学,但性能上跟一些编译语言
- s={ x1,x2,x3.....};集合有自动去重的功能,而且可以进行交并补运算,而且集合是无序的,每次打印的结果不一样,故不可以用元素下
- for 循环本系列前面 “探索 Python,第 5 部分:用 Python 编程” 一文讨论了 if 语句和 while 循环,讨论了复合
- 通过session,我们可以在多次浏览器请求中保持数据, 接下来的部分就是用session来处理用户登录了。 当然,不能仅凭用户的一面之词,
- 这个涉及到的知识点是django数据库查询问题,我们可以在view.py文件中操作blog_list = models.Blog.objec
- 本文实例讲述了js选项卡的实现方法。分享给大家供大家参考。具体分析如下:一、思路1. 获取元素;2. for循环按钮元素添加onclick(
- 1在配置文件中添加skip-grant-tables后重启mysql,然后直接登录[root@tyjs09 ~]# cat /etc/my.
- 前言前几天在Python交流群里边,大佬分享了一个有趣的代码,用于定时发送菜谱分享,觉得挺有意思,这里拿出来给大家分享。实现思路实现思路倒是
- 本文实例讲述了JavaScript转换与解析JSON方法。分享给大家供大家参考,具体如下:json格式数据如下:var json = { &
- 如下所示:a = [0,1,2,3,4,5,6,7,8,9]b = a[i:j] 表示复制a[i]到a[j-1],以生成新的list对象b
- 在数据存储过多时,我们会选择清除,不过有时候也需要找回一些我们之前删掉的数据。有的小伙伴可能会使用不同的方法分别完成,那么今天小编带来的_d
- 如下所示:来源:https://blog.csdn.net/qq_33485434/article/details/80604370
- 场景产品中有一张图片表pics,数据量将近100万条,有一条相关的查询语句,由于执行频次较高,想针对此语句进行优化表结构很简单,主要字段:u
- 从wind上面搞到一批股票数据后发现:本来是一个类型的数据,但是由于季度不同,列名也不同,导致使用pandas合并多个报表的时候总是出现一大
- 1.Vue父子组件通信方式父子组件通信方式一般为props和emit组合使用,那么在不同的文件中应该如何使用呢?|.vue文件和.jsx文件
- 在使用FCKeditor的时候,可能会碰到以下这个问题,就是在编辑器页面出错,提示为:找不到页面/fckeditor/editor/fcke
- ASP与MySQL的连接ASP和MySQL连接目前有两种方法:一种方法是使用MySQLX之类的组件,不过这种连接方法需要支付一定的费用;另外
- 本文分析了MySQL中字符串索引对update的影响。分享给大家供大家参考,具体如下:对某一个类型为varchar的字段添加前缀索引后,基于
- C#连接数据库:Connection对象1.Connection对象概述Connection对象是一个连接对象,主要功能是建立与物理数据库的
- 首先我们来看一个公式,MySQL中内存分为全局内存和线程内存两大部分(其实并不全部,只是影响比较大的 部分):per_thread_buff