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 源码分析笔记(6) jQuery.data
Jun 08 Javascript
javascript打印大全(打印页面设置/打印预览代码)
Mar 29 Javascript
实用框架(iframe)操作代码
Oct 23 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
JavaScript利用fetch实现异步请求的方法实例
Jul 26 Javascript
通过示例彻底搞懂js闭包
Aug 10 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
Oct 31 Javascript
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
Vue.js 踩坑记之双向绑定
May 03 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
js中Array对象的常用遍历方法详解
Jan 17 Javascript
原生JS利用transform实现banner的无限滚动示例代码
Jun 15 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实现验证码功能
2006/10/09 PHP
一个连接两个不同MYSQL数据库的PHP程序
2006/10/09 PHP
用php过滤危险html代码的函数
2008/07/22 PHP
php木马webshell扫描器代码
2012/01/25 PHP
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
php去除二维数组的重复项方法
2015/11/03 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
XHTML-Strict 内允许出现的标签
2006/12/11 Javascript
jquery ajax同步异步的执行最终解决方案
2013/04/26 Javascript
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
jQuery实现数秒后自动提交form的方法
2015/03/05 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
JavaScript识别网页关键字并进行描红的方法
2015/11/09 Javascript
JS实现添加,替换,删除节点元素的方法
2016/06/30 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
JavaScript实现页面无操作倒计时退出
2016/10/22 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
原生JS与JQ获取元素的区别详解
2020/02/13 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
支付宝小程序实现省市区三级联动
2020/06/21 Javascript
Python实现的RSS阅读器实例
2015/07/25 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
Python pip 安装与使用(安装、更新、删除)
2019/10/06 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
Pycharm快捷键配置详细整理
2020/10/13 Python
创先争优演讲稿
2014/09/15 职场文书
庆国庆国旗下讲话稿2014
2014/09/21 职场文书
酒店保洁员岗位职责
2015/02/26 职场文书
初中班主任心得体会
2016/01/07 职场文书
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏