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 相关文章推荐
另类调用flash无须激活的方法
Dec 27 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
Jan 09 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
js对象转json数组的简单实现案例
Feb 28 Javascript
用box固定长宽实现图片自动轮播js代码
Jun 09 Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 Javascript
EasyUI学习之Combobox级联下拉列表(2)
Dec 29 Javascript
jQuery.parseHTML() 函数详解
Jan 09 Javascript
利用jqprint插件打印页面内容的实现方法
Jan 09 Javascript
Vue组件之极简的地址选择器的实现
May 31 Javascript
详解Vue2.0组件的继承与扩展
Nov 23 Javascript
layui 解决富文本框form表单提交为空的问题
Oct 26 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
yii中widget的用法
2014/12/03 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
PHP加密解密函数详解
2015/10/28 PHP
WordPress网站性能优化指南
2015/11/18 PHP
PHP函数nl2br()与自定义函数nl2p()换行用法分析
2016/04/02 PHP
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
JS仿Base.js实现的继承示例
2017/04/07 Javascript
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
2019/04/15 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
JavaScript实现图片上传并预览并提交ajax
2019/09/30 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
2020/06/02 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
2020/08/24 Javascript
vue项目实现多语言切换的思路
2020/09/17 Javascript
Python使用chardet判断字符编码
2015/05/09 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
Python字符串逆序输出的实例讲解
2019/02/16 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
Joseph官网:英国小众奢侈品牌
2019/05/17 全球购物
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
安全员岗位职责
2013/11/11 职场文书
培训心得体会
2013/12/29 职场文书
竞选部长演讲稿
2014/04/26 职场文书
结对共建工作方案
2014/06/02 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
如何使用PostgreSQL进行中文全文检索
2021/05/27 PostgreSQL
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏