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的倒计时插件代码
May 07 Javascript
Javascript 面向对象编程(一) 封装
Aug 28 Javascript
非html5实现js版弹球游戏示例代码
Sep 22 Javascript
js 赋值包含单引号双引号问题的解决方法
Feb 26 Javascript
node.js WEB开发中图片验证码的实现方法
Jun 03 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
将angular-ui的分页组件封装成指令的方法详解
May 10 Javascript
vue中遇到的坑之变化检测问题(数组相关)
Oct 13 Javascript
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 Javascript
js实现简单的贪吃蛇游戏
Apr 23 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递归调用与静态变量使用
2012/12/16 PHP
PHP魔术方法以及关于独立实例与相连实例的全面讲解
2016/10/18 PHP
PHP实现的回溯算法示例
2017/08/15 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
jquery 无限级下拉菜单的简单实现代码
2014/02/21 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
用javascript对一个json数组深度赋值示例
2014/07/27 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
jquery中键盘事件小结
2016/02/24 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
2016/06/17 Javascript
更靠谱的H5横竖屏检测方法(js代码)
2016/09/13 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
通过js修改input、select默认字体颜色
2017/04/19 Javascript
Angular2.js实现表单验证详解
2017/06/23 Javascript
react中的ajax封装实例详解
2017/10/17 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
2018/07/07 Javascript
在微信小程序中使用图表的方法示例
2019/04/25 Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
2019/11/20 Javascript
python中查找excel某一列的重复数据 剔除之后打印
2013/02/10 Python
python中range()与xrange()用法分析
2016/09/21 Python
Python中断言Assertion的一些改进方案
2016/10/27 Python
python编程实现归并排序
2017/04/14 Python
完美解决python中ndarray 默认用科学计数法显示的问题
2018/07/14 Python
Python二维码生成识别实例详解
2019/07/16 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
大四毕业生自荐书
2014/07/05 职场文书
节能环保家庭事迹材料
2014/08/27 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
中学生运动会广播稿
2015/08/19 职场文书
JavaScript实例 ODO List分析
2022/01/22 Javascript