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 相关文章推荐
javascript 图片上传预览-兼容标准
Jun 01 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
javascript中hasOwnProperty() 方法使用指南
Mar 09 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
Jul 30 Javascript
zTree异步加载展开第一级节点的实现方法
Sep 05 Javascript
详解ECMAScript typeof用法
Jul 25 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
Sep 15 Javascript
详解Vue、element-ui、axios实现省市区三级联动
May 07 Javascript
js实现抽奖的两种方法
Mar 19 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 编写大型网站问题集
2010/05/07 PHP
php在window iis的莫名问题的测试方法
2013/05/14 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
基于laravel制作APP接口(API)
2016/03/15 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
javascript语句中的CDATA标签的意义
2007/05/09 Javascript
js 数组操作代码集锦
2009/04/28 Javascript
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
jQuery插件slicebox实现3D动画图片轮播切换特效
2015/04/12 Javascript
jquery插件ajaxupload实现文件上传操作
2015/12/09 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
使用BootStrap实现标签切换原理解析
2017/03/14 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
JavaScript如何借用构造函数继承
2019/11/06 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
Javascript实现单选框效果
2020/12/09 Javascript
Python中的并发编程实例
2014/07/07 Python
Python下singleton模式的实现方法
2014/07/16 Python
Python读写Excel文件方法介绍
2014/11/22 Python
Python fileinput模块使用实例
2015/06/03 Python
Python自动扫雷实现方法
2015/07/25 Python
python操作文件的参数整理
2019/06/11 Python
python opencv minAreaRect 生成最小外接矩形的方法
2019/07/01 Python
python Django 创建应用过程图示详解
2019/07/29 Python
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
LN-CC美国:伦敦时尚生活的缩影
2019/02/19 全球购物
汽车检测与维修专业求职信
2013/10/30 职场文书
先进个人推荐材料
2014/12/29 职场文书
催款律师函范文
2015/05/27 职场文书
追悼词范文大全
2015/06/23 职场文书
暑假生活随笔
2015/08/15 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
解决golang在import自己的包报错的问题
2021/04/29 Golang
从结婚开始的恋爱故事。小说《我的美好婚事》TV动画化决定
2022/04/07 日漫