javascript一些实用技巧小结


Posted in Javascript onMarch 18, 2011

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超文本标记语言为例:整个文档的一个根就是<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的表格

Javascript 相关文章推荐
jquery一句话全选/取消全选
Mar 01 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
checkbox勾选判断代码分析
Jun 11 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
JS实现定时自动关闭DIV层提示框的方法
May 11 Javascript
JavaScript使用readAsDataUrl方法预览图片
May 10 Javascript
微信小程序自定义导航栏
Dec 31 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
Apr 29 Javascript
layui table设置某一行的字体颜色方法
Sep 05 Javascript
layui form表单提交之后重新加载数据表格的方法
Sep 11 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
Ajax 的初步实现(使用vscode+node.js+express框架)
Jun 18 Javascript
jquery获取下拉列表的值为null的解决方法
Mar 18 #Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 #Javascript
javascript定时保存表单数据的代码
Mar 17 #Javascript
eval与window.eval的差别分析
Mar 17 #Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
Mar 17 #Javascript
jquery.validate分组验证代码
Mar 17 #Javascript
jquery中ajax调用json数据的使用说明
Mar 17 #Javascript
You might like
php与XML、XSLT、Mysql的结合运用实现代码
2009/11/19 PHP
PHP基础知识回顾
2012/08/16 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
实用javaScript技术-屏蔽类
2006/08/15 Javascript
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
JavaScript 序列化对象实现代码
2009/12/18 Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
2012/12/15 Javascript
js判读浏览器是否支持html5的canvas的代码
2013/11/18 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
2014/06/07 Javascript
jQuery实现首页顶部可伸缩广告特效代码
2015/04/15 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
2017/10/27 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
使用Jenkins部署React项目的方法步骤
2019/03/11 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
TensorFlow用expand_dim()来增加维度的方法
2018/07/26 Python
pytorch 数据集图片显示方法
2018/07/26 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
python实现学员管理系统
2019/02/26 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
python下的opencv画矩形和文字注释的实现方法
2019/07/09 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
如何利用Python matplotlib绘制雷达图
2020/12/21 Python
Python对excel的基本操作方法
2021/02/18 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
艺术用品:Arteza
2018/11/25 全球购物
信息管理专业推荐信
2013/10/29 职场文书
顶岗实习接收函
2014/01/09 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
车间安全生产管理制度
2015/08/06 职场文书
离婚财产分割协议书
2015/08/11 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书