总结AJAX相关JS代码片段和浏览器模型


Posted in Javascript onAugust 15, 2007

在.net开发中,充分利用免费控件是好事情,但是如果不能修改控件达到自己的需求,就要动用JS大法了,前提是研究好浏览器模型 的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身来说要求不高。

1、动态删除Table 里面内容技巧,不需要写太多代码,一行:

tb.removeNode(true) 

2、动态增加行,除了CreateElement方法,还可以这样比较短小:

<table id=tb1></table>
<SCRIPT>
function addTable(){
 var row1 = tb1.insertRow(); 
 var cell1=row1.insertCell();
 var cell2=row1.insertCell();
 cell1.innerText="灰豆宝宝";
 cell2.innerText="超级大笨狼"
}
</SCRIPT> 
<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()"> 

3、在DIV中动态增加Table

<SCRIPT>
function addTable(){
 var tb1 = document.createElement("table";
 tb1.border="1px";
 var row1 = tb1.insertRow(); 
 var cell1=row1.insertCell();
 var cell2=row1.insertCell();
 mydiv.appendChild(tb1);
 cell1.innerText="wanghr100";
 cell2.innerText="panyuguang962"
}
</SCRIPT>
<BODY>
<div id=mydiv style="width:400;height:300;"></div>
<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()"> 

4、在DIV中删除Table,简单只要Div.innerHTML=""就可以。

以上是部分实用相对短小的代码,当然有其他各种办法实现,不过一般都比上面的长,比如组合使用DIV对象的insertAdjacentHTML 方法等,在不同需要下使用不同方法,前提是研究好浏览器模型 的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身来说要求不高。

以下是以Document对象为例,相关方法有:

Method Description 
attachEvent 
createAttribute 
createComment 
createDocumentFragment 
createElement 
createEventObject 
createStyleSheet 
createTextNode 
detachEvent 
getElementById 
getElementsByName 
getElementsByTagName 
mergeAttributes
recalc 
write 
writeln 

以DIV对象为例相关方法有:

addBehavior 
appendChild 
applyElement 
attachEvent 
clearAttributes
cloneNode 
contains 
detachEvent
getAdjacentText 
getAttribute 
getAttributeNode 
getElementsByTagName 
hasChildNodes 
insertAdjacentElement 
insertAdjacentHTML 
insertAdjacentText 
insertBefore
mergeAttributes 
normalize
removeAttribute 
removeAttributeNode 
removeBehavior 
removeChild 
removeExpression 
removeNode 
replaceAdjacentText 
replaceChild 
replaceNode 
setActive 
setAttribute 
setAttributeNode 
setExpression 

Javascript 相关文章推荐
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
Oct 11 Javascript
修复ie8&chrome下window的resize事件多次执行
Oct 20 Javascript
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
可恶的ie8提示缺少id未定义
Mar 20 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
很酷的星级评分系统原生JS实现
Aug 25 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
vue-cli3.0 环境变量与模式配置方法
Nov 08 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 Javascript
在vue-cli3中使用axios获取本地json操作
Jul 30 Javascript
使用Cargo工具高效创建Rust项目
Aug 14 Javascript
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 #Javascript
用javascript实现给图片加链接
Aug 15 #Javascript
用javascript实现点击链接弹出"图片另存为"而不是直接打开
Aug 15 #Javascript
用js实现上传图片前的预览(TX的面试题)
Aug 14 #Javascript
用javascript实现在小方框中浏览大图的代码
Aug 14 #Javascript
用javascript实现计算两个日期的间隔天数
Aug 14 #Javascript
用js实现计算代码行数的简单方法附代码
Aug 13 #Javascript
You might like
曾在DC漫画界反派角色扮演的演员,谁才是你心目中的小丑之王?
2020/04/09 欧美动漫
PHP三层结构(上) 简单三层结构
2010/07/04 PHP
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
深入分析PHP引用(&)
2014/09/04 PHP
PHP实现连接设备、通讯和发送命令的方法
2015/10/13 PHP
php gd等比例缩放压缩图片函数
2016/06/12 PHP
Javascript实现的分页函数
2006/12/22 Javascript
JavaScript的目的分析
2007/01/05 Javascript
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
jQuery当鼠标悬停时放大图片的效果实例
2013/07/03 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
微信JS接口汇总及使用详解
2015/01/09 Javascript
举例讲解AngularJS中的模块
2015/06/17 Javascript
JS实现图片垂直居中显示小结
2016/12/13 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
vue父组件中获取子组件中的数据(实例讲解)
2017/09/27 Javascript
bootstrap table sum总数量统计实现方法
2017/10/29 Javascript
Node层模拟实现multipart表单的文件上传示例
2018/01/02 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
一文快速详解前端框架 Vue 最强大的功能
2019/05/21 Javascript
Python下的subprocess模块的入门指引
2015/04/16 Python
Python中正则表达式的详细教程
2015/04/30 Python
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
Flask和Django框架中自定义模型类的表名、父类相关问题分析
2018/07/19 Python
python 爬取古诗文存入mysql数据库的方法
2020/01/08 Python
MATLAB数学建模之画图汇总
2020/07/16 Python
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
女儿十岁生日答谢词
2014/01/27 职场文书
十八大报告观后感
2014/01/28 职场文书
心理健康日活动总结
2014/05/08 职场文书
三好生演讲稿
2014/09/12 职场文书
2014年保洁员工作总结
2014/11/19 职场文书
导游词幽默开场白
2019/06/26 职场文书
使用Redis实现秒杀功能的简单方法
2021/05/08 Redis