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 相关文章推荐
JavaScript修改css样式style
Apr 15 Javascript
setTimeout 不断吐食CPU的问题分析
Apr 01 Javascript
Javascript处理DOM元素事件实现代码
May 23 Javascript
javascript版2048小游戏
Mar 18 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
form+iframe解决跨域上传文件的方法
Nov 18 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
webpack打包优化的几个方法总结
Feb 10 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
基于Electron实现桌面应用开发代码实例
Jul 07 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动态生成VRML网页
2006/10/09 PHP
帖几个PHP的无限分类实现想法~
2007/01/02 PHP
PHP Error与Logging函数的深入理解
2013/06/03 PHP
php中explode函数用法分析
2014/11/15 PHP
php实现excel中rank函数功能的方法
2015/01/20 PHP
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
javascript中传统事件与现代事件
2015/06/23 Javascript
javascript最基本的函数汇总
2015/06/25 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
2015/12/23 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
jquery仿京东侧边栏导航效果
2017/03/02 Javascript
jQuery插件实现的日历功能示例【附源码下载】
2018/09/07 jQuery
详解vue在项目中使用百度地图
2019/03/26 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
2019/11/29 Javascript
如何使用Javascript中的this关键字
2020/05/28 Javascript
python安装PIL模块时Unable to find vcvarsall.bat错误的解决方法
2016/09/19 Python
Python数据结构之顺序表的实现代码示例
2017/11/15 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
在python 中split()使用多符号分割的例子
2019/07/15 Python
django框架使用views.py的函数对表进行增删改查内容操作详解【models.py中表的创建、views.py中函数的使用,基于对象的跨表查询】
2019/12/12 Python
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
C/C++ 笔试、面试题目大汇总
2015/11/21 面试题
一套Delphi的笔试题二
2013/05/11 面试题
给水排水工程专业毕业生推荐信
2013/10/28 职场文书
考博专家推荐信模板
2013/12/02 职场文书
2014厂务公开实施方案
2014/02/17 职场文书
献爱心标语
2014/06/21 职场文书
工作经历证明书范文
2014/11/02 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
python Django框架快速入门教程(后台管理)
2021/07/21 Python
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL
Android Flutter实现图片滑动切换效果
2022/04/07 Java/Android
详解SQL的窗口函数
2022/04/21 Oracle
centos7安装mysql5.7经验记录
2022/05/02 Servers