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 树形导航菜单实例代码
Aug 13 Javascript
javascript特殊用法示例介绍
Nov 29 Javascript
使用window.prompt()实现弹出用户输入的对话框
Apr 13 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
Sep 04 Javascript
H5移动端适配 Flexible方案
Oct 24 Javascript
15个非常实用的JavaScript代码片段
Dec 18 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 Javascript
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
Vue中自定义全局组件的实现方法
Dec 08 Javascript
微信小程序城市选择及搜索功能的方法
Mar 22 Javascript
细说webpack6 Babel的使用详解
Sep 26 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 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中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
php笔记之:数据类型与常量的使用分析
2013/05/14 PHP
php中引用符号(&amp;)的使用详解
2013/11/13 PHP
php中smarty模板条件判断用法实例
2015/06/11 PHP
php提高网站效率的技巧
2015/09/29 PHP
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
2017/07/13 Javascript
详解使用nvm管理多版本node的方法
2017/08/30 Javascript
浅谈react受控组件与非受控组件(小结)
2018/02/09 Javascript
微信小程序 image组件遇到的问题
2019/05/28 Javascript
javascript实现日历效果
2019/06/17 Javascript
python绘图库Matplotlib的安装
2014/07/03 Python
python并发编程之线程实例解析
2017/12/27 Python
Python使用pyautogui模块实现自动化鼠标和键盘操作示例
2018/09/04 Python
python按修改时间顺序排列文件的实例代码
2019/07/25 Python
Django 框架模型操作入门教程
2019/11/05 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
Python+PyQt5实现灭霸响指功能
2020/05/25 Python
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
英国文胸专家:AmpleBosom.com
2018/02/06 全球购物
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
为什么需要版本控制?
2013/08/08 面试题
如何执行一个shell程序
2012/11/23 面试题
大学生四年生活自我鉴定
2013/11/21 职场文书
幼儿园园长岗位职责
2013/11/26 职场文书
优秀交警事迹材料
2014/01/26 职场文书
欢迎横幅标语
2014/06/17 职场文书
一年级班主任工作总结2014
2014/11/08 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
义卖募捐活动总结
2015/05/09 职场文书