zoukankan      html  css  js  c++  java
  • DOM面试题【三】

    1、DOM操作——怎样添加、移除、移动、复制、创建和查找节点?

    (1)创建新节点
    createDocumentFragment() //创建一个DOM片段
    createElement() //创建一个具体的元素
    createTextNode() //创建一个文本节点
    (2)添加、移除、替换、插入、复制
    appendChild() //添加
    removeChild() //移除
    replaceChild() //替换
    insertBefore() //在已有的子节点前插入一个新的子节点
    cloneNode() //复制
    (3)查找
    getElementsByTagName() //通过标签名称
    getElementsByName()//通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于 name值的)
    getElementById() //通过元素Id,唯一性

    2、列举浏览器对象模型BOM里常用的至少4个对象,并列举window对象的常用方法至少5个?

    对象:Window、 document、 location、 screen、 history、 navigator 、data
    方法:Alert()、 confirm() 、prompt()、 open() 、close()

    3、document.ready和onload有什么区别?

    document.ready和onload的区别——JavaScript文档加载完成事件。页面加载完成有两种事件:
    一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)
    二是onload,指示页面包含图片等文件在内的所有元素都加载完成。
    jQuery中$(function(){/* do something*/});他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。一般情况先一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。

    4、当一个DOM节点被点击时候,我们希望能够执行一个函数,应该怎么做?

    直接在DOM里绑定事件:


    在JS里通过onclick绑定:xxx.onclick = test
    通过事件添加进行绑定:addEventListener(xxx, ‘click’, test)

    5、window.location.search() 返回的是什么?

    答:查询(参数)部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
        返回值:?ver=1.0&id=timlq 也就是问号后面的!
    

    6、简述列举文档对象模型DOM里document的常用的查找访问节点的方法做简单说明?

    document.getElementById 根据元素id查找元素
    document.getElementByName 根据元素name查找元素
    document.getElementTagName 根据指定的元素名查找元素

  • 相关阅读:
    2009年职工象棋比赛 第七轮 五七炮对屏风马
    2009年职工象棋比赛 第一轮 顺炮直车对横车
    给文件起个好名字是多么的重要!
    职工象棋比赛 第十一轮 仙人指路
    2009年职工象棋比赛 第八轮 顺炮横车对直车
    2009年职工象棋比赛 第三轮 中炮对反宫马
    2009年职工象棋比赛 第二轮 中炮对单提马
    终于记住了这两个词:devour、devout
    2009年职工象棋比赛 第四轮 顺炮直车对横车
    2009年职工象棋比赛 第五轮 中炮对右三步虎
  • 原文地址:https://www.cnblogs.com/guanhuohuo/p/12526174.html
Copyright © 2011-2022 走看看