• 首页 >前端开发 >JavaScript 教程

    javascript一些实用技巧小结

    javascript一些实用技巧小结,学习js的朋友可以看下。

    JS对象之Table表格对象(摘抄)

    Table对象集合

    Table对象:表示HTML文档中的表,对于文档中每个

    标记,浏览器都创建一个Table对象.

    集合

    描述

    cells[]获取包含表格中所有单元格的数组

    js 取行中列
    复制代码 代码如下:

    var tbodyObj = document.getElementById(tbodyID);
    tbodyObj.rows[rowID].cells[colID].innerText = "abcd";
    tbodyObj.rows[rowID].cells[colID].innerHTML = "abcd
    (innerHTML是指html代码,innerText是指显示的text);


    document.documentElement与document.body。
    这是DOMDocument对象里的body子节点和整个节点树的根节点root。

    DOM把层次中的每一个对象都称之为节点,就是一个层次结构,你可以理解为一个树形结构,就像我们的目录一样,一个根目录,根目录下有子目录,子目录下还有子目录。

    以HTML超文本标记语言为例:整个文档的一个根就是,在DOM中可以使用document.documentElement来访问它,它就是整个节点树的根节点。而body是子节点,要访问到body标签,在脚本中应该写:document.body。

    对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
    关键字: offsetlet, offsettop, scrollleft, scrolltop
    1.offsetTop :
    当前对象到其上级层顶部的距离.
    不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.

    2.offsetLeft :
    当前对象到其上级层左边的距离.
    不能对其进行赋值.设置对象到页面左部的距离请用style.left属性.

    3.offsetWidth :
    当前对象的宽度.
    与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值

    4.offsetHeight :
    与style.height属性的区别在

    js操作iframe的一些知识
    1. 打印iframe
    eg. frameName.document.execCommand('print');
    2. 获取iframe
    eg. var ifr_window = window.frames["frameName"];
    3. 获取iframe中的元素
    eg1. 将iframe中id为elementId 的元素置为不显示:
    var ifr_window = window.frames["frameName"];
    ifr_window.elementId.style.display = 'none';
    eg2. 获取iframe中id为listTable的表格

    相关文章