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 相关文章推荐
js nextSibling属性和previousSibling属性概述及使用注意
Feb 16 Javascript
js中使用replace方法完成某个字符的转换
Aug 20 Javascript
JavaScript对象数组排序函数及六个用法
Dec 23 Javascript
Node.js实现JS文件合并小工具
Feb 02 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
Flask中获取小程序Request数据的两种方法
May 12 Javascript
bootstrap multiselect 多选功能实现方法
Jun 05 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 Javascript
浅析vue-router原理
Oct 19 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
Feb 13 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
Sep 10 Javascript
layui实现form表单同时提交数据和文件的代码
Oct 25 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
CPU步进是什么意思?i3-9100F B0步进和U0步进区别知识科普
2020/03/17 数码科技
php输出全球各个时区列表的方法
2015/03/31 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
Ajax提交表单时验证码自动验证 php后端验证码检测
2016/07/20 PHP
用PHP的socket实现客户端到服务端的通信实例详解
2017/02/04 PHP
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
2015/05/04 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
2017/01/13 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
2017/06/17 Javascript
VueJS组件之间通过props交互及验证的方式
2017/09/04 Javascript
基于nodejs实现微信支付功能
2017/12/20 NodeJs
代码实例ajax实现点击加载更多数据图片
2018/10/12 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
2019/05/14 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
[01:12:53]完美世界DOTA2联赛PWL S2 Forest vs SZ 第一场 11.25
2020/11/26 DOTA
Python实现获取操作系统版本信息方法
2015/04/08 Python
浅谈python内置变量-reversed(seq)
2017/06/21 Python
Django REST framework内置路由用法
2019/07/26 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
Python字典底层实现原理详解
2019/12/18 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
非功能性需求都包括哪些方面
2013/10/29 面试题
新学期校长寄语
2014/01/18 职场文书
授权委托书公证
2014/09/14 职场文书
大一工商管理职业生涯规划:有梦最美,行动相随
2014/09/18 职场文书
企业法人代表证明书
2014/09/27 职场文书
优秀护士事迹材料
2014/12/25 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
Python matplotlib绘制雷达图
2022/04/13 Python