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 判断浏览器类型及版本
Feb 21 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
May 18 Javascript
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
jquery的index方法实现tab效果
Feb 16 Javascript
JS小功能(列表页面隔行变色)简单实现
Nov 28 Javascript
JavaScript实现上下浮动的窗口效果代码
Oct 12 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
May 05 Javascript
jQuery代码实现表格中点击相应行变色功能
May 09 Javascript
jquery点击切换背景色的简单实例
Aug 25 Javascript
概述如何实现一个简单的浏览器端js模块加载器
Dec 07 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
Apr 09 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
Mysql的常用命令
2006/10/09 PHP
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
php-fpm配置详解
2014/02/12 PHP
PHPStorm 2020.1 调试 Nodejs的多种方法详解
2020/09/17 NodeJs
深入理解JavaScript系列(44):设计模式之桥接模式详解
2015/03/04 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
Angular 2父子组件数据传递之@ViewChild获取子组件详解
2017/07/04 Javascript
基于jQuery解决ios10以上版本缩放问题
2017/11/03 jQuery
Angular移动端页面input无法输入的解决方法
2017/11/14 Javascript
web前端vue之CSS过渡效果示例
2018/01/10 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
vue引用js文件的多种方式(推荐)
2018/05/17 Javascript
Vue 表情包输入组件的实现代码
2019/01/21 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
[42:00]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第一场 12.13
2020/12/17 DOTA
在Python中编写数据库模块的教程
2015/04/29 Python
Python编程实现输入某年某月某日计算出这一天是该年第几天的方法
2017/04/18 Python
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
python版学生管理系统
2018/01/10 Python
python中pip的安装与使用教程
2018/08/10 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
如何使用Python破解ZIP或RAR压缩文件密码
2020/01/09 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
荷兰男士时尚网上商店:Suitable
2017/12/25 全球购物
高三自我鉴定
2013/10/23 职场文书
社区母亲节活动方案
2014/03/05 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
庆祝教师节标语
2014/10/09 职场文书
2015教师个人工作总结范文
2015/03/31 职场文书
通讯稿格式及范文
2015/07/22 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书