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 相关文章推荐
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 Javascript
JavaScript开发规范要求(规范化代码)
Aug 16 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
Apr 01 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
Feb 23 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
9个让JavaScript调试更简单的Console命令
Nov 14 Javascript
Web 开发中Ajax的Session 超时处理方法
Jan 19 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
Jul 26 Javascript
Vue.Draggable拖拽功能的配置使用方法
Jul 29 Javascript
JS实现多选框的操作
Jun 24 Javascript
JS实现炫酷轮播图
Nov 15 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生成16位随机数的代码(两种方法)
2014/09/16 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
微信支付开发交易通知实例
2016/07/12 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
php读取本地json文件的实例
2018/03/07 PHP
PHP中rename()函数的妙用讲解
2019/02/28 PHP
window.location.href中url中数据量太大时的解决方法
2013/12/23 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
2014/01/11 Javascript
Jquery实现自定义弹窗示例
2014/03/12 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
JavaScript中输出标签的方法
2014/08/27 Javascript
深入理解JavaScript编程中的原型概念
2015/06/25 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
2016/05/10 Javascript
jQuery实现的模拟弹出窗口功能示例
2016/11/24 Javascript
微信小程序中使用javascript 回调函数
2017/05/11 Javascript
jQuery中ajax获取数据赋值给页面的实例
2017/12/31 jQuery
解决select2在bootstrap modal中不能正常使用的问题
2018/08/09 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
2019/12/10 Javascript
[00:33]2016完美“圣”典风云人物:Sccc宣传片
2016/12/03 DOTA
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
在Python的Django框架中创建和使用模版
2015/07/15 Python
python基础之入门必看操作
2017/07/26 Python
ubuntu中配置pyqt4环境教程
2017/12/27 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
django之状态保持-使用redis存储session的例子
2019/07/28 Python
Python 实现图片转字符画的示例(静态图片,gif皆可)
2020/11/05 Python
芬兰设计商店美国:Finnish Design Shop US
2019/03/25 全球购物
宾馆总经理岗位职责
2014/02/14 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
大专护理专业自荐信
2015/03/25 职场文书
小学班长竞选稿
2015/11/20 职场文书
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL
Python3的进程和线程你了解吗
2022/03/16 Python