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 相关文章推荐
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
JS实现动态移动层及拖动浮层关闭的方法
Apr 30 Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
Jan 12 Javascript
js+css绘制颜色动态变化的圈中圈效果
Jan 27 Javascript
react native仿微信PopupWindow效果的实例代码
Aug 07 Javascript
JS运动特效之完美运动框架实例分析
Jan 24 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
浅谈JavaScript面向对象--继承
Mar 20 Javascript
对layui初始化列表的CheckBox属性详解
Sep 13 Javascript
解决vuex刷新数据消失问题
Nov 12 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/26 PHP
php ios推送(代码)
2013/07/01 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
php+mysql实现的二级联动菜单效果详解
2016/05/10 PHP
解决php-fpm.service not found问题的办法
2017/06/06 PHP
javascript 面向对象编程基础 多态
2009/08/21 Javascript
javascript学习笔记--数字格式类型
2014/05/22 Javascript
JS代码防止SQL注入的方法(超简单)
2016/04/12 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
antd-日历组件,前后禁止选择,只能选中间一部分的实例
2020/10/29 Javascript
[06:33]DOTA2亚洲邀请赛小组赛第二日 TOP10精彩集锦
2015/01/31 DOTA
python简单线程和协程学习心得(分享)
2017/06/14 Python
python对视频画框标记后保存的方法
2018/12/07 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
关于python中plt.hist参数的使用详解
2019/11/28 Python
pytorch获取模型某一层参数名及参数值方式
2019/12/30 Python
Python虚拟环境venv用法详解
2020/05/25 Python
python如何输出反斜杠
2020/06/18 Python
基于python调用jenkins-cli实现快速发布
2020/08/14 Python
html2canvas把div保存图片高清图的方法示例
2018/03/05 HTML / CSS
实习单位推荐信范文
2013/11/27 职场文书
新年爱情寄语
2014/04/08 职场文书
会计学自荐信
2014/06/03 职场文书
公司委托书格式范本
2014/09/16 职场文书
2014年党的群众路线教育实践活动整改措施(个人版)
2014/09/25 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
如何拟写通知正文?
2019/04/02 职场文书
Python爬虫之爬取某文库文档数据
2021/04/21 Python
Pytorch 如何实现常用正则化
2021/05/27 Python
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python
深入理解pytorch库的dockerfile
2022/06/10 Python