第3章 DOM编程


3.1 浏览器对象模型-window对象(上) 

1, 最基本的弹出窗口代码 window.open('page.html');2, 经过设置后的弹出窗口

  window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')  //该句写成一行代码

  参数解释:      window.open 弹出新窗口的命令;

  'page.html' 弹出窗口的文件名;

  'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;

  height=100 窗口高度;

  width=400 窗口宽度;

  top=0 窗口距离屏幕上方的象素值;

  left=0 窗口距离屏幕左侧的象素值;

  toolbar=no 是否显示工具栏,yes为显示;

  menubar,scrollbars 表示菜单栏和滚动栏。

  resizable=no 是否允许改变窗口大小,yes为允许;

  location=no 是否显示地址栏,yes为允许;

  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许


alert();

本应该是window.alert 但是可以省略前面的

如果要换行 要用到转义字符\n\t

prompt

第一个参数是提示,第二个参数是默认值

confirm

window.open


open有4个参数:url,name,fearures(宽高),replace(可省略参数)


location可以跳转href=

刷新 location.reload

3.2 浏览器对象模型-window对象(下) 

定时器

2s后弹出  只执行一次


确认后隔两秒钟再次执行


3.3 文档对象模型-document对象

document对象--常用属性

获取到内容用getelementbyid    要在标签中建立id

也可以用name  此时用到↓

document-getelementbyname

这是一个数组  要循环

window.onload =function(){

这里面放JavaScript的内容

}

3.4 文档对象模型-DOM操作

parentnode :

tagname:标签名

childnodes 回车也算是一个节点

nodetype 1:元素节点 2:属性节点  3:文本节点

可以单独设置标签  tagname=‘P’都是大写

firstchild :第一个子节点

lastchild:最后一个子节点

previoussibling:获取前一个兄弟元素

【previoussibling 】

 当前结点的前一个结点

 返回紧邻当前元素之前的元素

nextsibling:获取后一个兄弟元素

动态创建和删除节点:

createlement:创建节点

appenchild:附加子节点

动态追加子节点

removechild:删除节点

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容