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入门—编写一个导航条(可伸缩)
Jan 07 Javascript
10条建议帮助你创建更好的jQuery插件
May 18 Javascript
最棒的Angular2表格控件
Aug 10 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 Javascript
详解vue前后台数据交互vue-resource文档
Jul 19 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
Sep 10 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
Dec 29 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
JS实现骰子3D旋转效果
Oct 24 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中使用与Perl兼容的正则表达式
2006/11/26 PHP
php session 错误
2009/05/21 PHP
php+mysql实现无限分类实例详解
2015/01/15 PHP
PHP中捕获超时事件的方法实例
2015/02/12 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
通过判断JavaScript的版本实现执行不同的代码
2010/05/11 Javascript
jQuery Tools tooltip使用说明
2012/07/14 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
Jquery代码实现图片轮播效果(一)
2015/08/12 Javascript
js简单判断移动端系统的方法
2016/02/25 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
基于javascript制作微博发布栏效果
2016/04/04 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
python字符串加密解密的三种方法分享(base64 win32com)
2014/01/19 Python
Python魔术方法详解
2015/02/14 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
python hashlib加密实现代码
2019/10/17 Python
用python的turtle模块实现给女票画个小心心
2019/11/23 Python
关于多元线性回归分析——Python&amp;SPSS
2020/02/24 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
python 元组和列表的区别
2020/12/30 Python
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
前后端结合实现amazeUI分页效果
2020/08/21 HTML / CSS
Mountain Warehouse波兰官方网站:英国户外品牌
2019/08/29 全球购物
Fenty Beauty官网:蕾哈娜创立的美妆品牌
2021/01/07 全球购物
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
酒店总经理岗位职责范本
2014/08/08 职场文书
医院合作协议书
2014/08/19 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
四则混合运算教学反思
2016/02/23 职场文书
nginx+lua单机上万并发的实现
2021/05/31 Servers
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers