总结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 相关文章推荐
js 小数取整的函数
May 10 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
Apr 08 Javascript
一样的table?不一样的table(可编辑状态table)
Sep 19 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
Oct 31 Javascript
JavaScript中的DSL元编程介绍
Mar 15 Javascript
学习javascript面向对象 javascript实现继承的方式
Jan 04 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
深入理解js中this的用法
May 28 Javascript
javaScript如何跳出多重循环break、continue
Sep 01 Javascript
vue 插件的方法代码详解
Jun 06 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 28 Javascript
JavaScript实现单点登录的示例
Sep 23 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
PHP 面向对象实现代码
2009/11/11 PHP
PHP 以POST方式提交XML、获取XML,解析XML详解及实例
2016/10/26 PHP
input、button的不同type值在ajax提交表单时导致的陷阱
2009/02/24 Javascript
JavaScript 创建对象
2009/07/17 Javascript
javascript面向对象程序设计(一)
2015/01/29 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
谈谈javascript中使用连等赋值操作带来的问题
2015/11/26 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
Vue 2.0 服务端渲染入门介绍
2017/03/29 Javascript
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
基于Vue实现电商SKU组合算法问题
2019/05/29 Javascript
JavaScript实现拖拽效果
2020/03/16 Javascript
微信小程序实现签到弹窗动画
2020/09/21 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
2020/11/04 Javascript
JS实现炫酷轮播图
2020/11/15 Javascript
Python的Flask框架中实现简单的登录功能的教程
2015/04/20 Python
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
在Python中使用AOP实现Redis缓存示例
2017/07/11 Python
python实现远程通过网络邮件控制计算机重启或关机
2018/02/22 Python
python 爬虫一键爬取 淘宝天猫宝贝页面主图颜色图和详情图的教程
2018/05/22 Python
python实现图片筛选程序
2018/10/24 Python
Python搭建代理IP池实现检测IP的方法
2019/10/27 Python
基于Python+QT的gui程序开发实现
2020/07/03 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
网络安全方面的面试题
2015/11/04 面试题
校领导推荐信
2013/11/01 职场文书
商务英语毕业生自荐信范文
2013/11/08 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
法定代表人授权委托书
2014/04/04 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
公安机关纪律作风整顿剖析
2014/10/10 职场文书
2014年乡镇卫生院工作总结
2014/11/24 职场文书
机关保密工作承诺书
2015/05/04 职场文书
小学教师见习总结
2015/06/23 职场文书
中秋节感想
2015/08/10 职场文书