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模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
jquery indexOf使用方法
Aug 19 Javascript
js获取时间(本周、本季度、本月..)
Nov 22 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 Javascript
Javascript学习笔记之数组的遍历和 length 属性
Nov 23 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 Javascript
温习Javascript基础语法之词法结构
May 31 Javascript
深入分析node.js的异步API和其局限性
Sep 05 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
Jan 15 Javascript
vue中添加与删除关键字搜索功能
Oct 12 Javascript
解决vue路由name同名,路由重复的问题
Aug 05 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实现简单加入购物车功能
2017/03/07 PHP
PHP7数组的底层实现示例
2019/08/25 PHP
Jquery阻止事件冒泡 event.stopPropagation
2011/12/11 Javascript
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
js获取数组的最后一个元素
2015/04/14 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
js实现拖拽效果(构造函数)
2015/12/14 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
Vue.js使用v-show和v-if的注意事项
2016/12/13 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
简单实现bootstrap选项卡效果
2017/02/08 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
2017/11/26 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
微信小程序进入广告实现代码实例
2019/09/19 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
python如何查看系统网络流量的信息
2016/09/12 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
Python3 全自动更新已安装的模块实现
2020/01/06 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
python 爬取B站原视频的实例代码
2020/09/09 Python
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
德国家具、照明、家居用品网上商店:Wayfair.de
2020/02/13 全球购物
static全局变量与普通的全局变量有什么区别
2014/05/27 面试题
金鑫耀Java笔试题
2014/09/06 面试题
餐厅总厨求职信
2014/03/04 职场文书
社区党建工作汇报材料
2014/10/27 职场文书
会计实训报告范文
2014/11/04 职场文书
2014年幼儿园园长工作总结
2014/12/17 职场文书
库房管理员岗位职责
2015/02/12 职场文书
考研英语辞职信
2015/05/13 职场文书
致运动员赞词
2015/07/22 职场文书
go mod 安装依赖 unkown revision问题的解决方案
2021/05/06 Golang