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

在.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 

时间: 2024-08-04 06:51:53

总结AJAX相关JS代码片段和浏览器模型_javascript技巧的相关文章

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

ajax|js|浏览器 在.net开发中,充分利用免费控件是好事情,但是如果不能修改控件达到自己的需求,就要动用JS大法了,前提是研究好浏览器模型 的各种对象的方法属性.尤其是熟悉CSS+HTML就会做的很酷.就JS语言本身来说要求不高. 1,动态删除Table 里面内容技巧,不需要写太多代码,一行: tb.removeNode(true) 2,动态增加行,除了CreateElement方法,还可以这样比较短小: <table id=tb1></table><SCRIPT&g

12 款 JS 代码测试必备工具(翻译)_javascript技巧

每天都会产生新的代码.用户测试工具和框架.下面的列表列出了可以完成各种测试需求的代码工具.你应该调查研究一下,看这些工具是否适用于你的技术栈和技术需求. 01. Jasmine Jasmine 是一个行为驱动的测试开发框架,用于对 JavaScript 代码进行测试.它不依赖其它任何 JavaScript 框架,也不需要 DOM.它的语法简洁.明确,写测试非常容易. 02. Mocha Mocha 是一个功能丰富的 JavaScript 测试框架,既运行于 Node.js 环境中,也可以运行于浏

可以读取EXCEL文件的js代码第1/2页_javascript技巧

首页给个有中文说明的例子,下面的例子很多大家可以多测试. 复制代码 代码如下: <script language="javascript" type="text/javascript"><!-- function readExcel() { var excelApp; var excelWorkBook; var excelSheet; try{ excelApp = new ActiveXObject("Excel.Applicatio

编写针对IE的JS代码两种编写方法_javascript技巧

有些时候我们需要针对某些IE下的兼容性写单独的JS处理代码.有多种做法: 1.通过检测navigation.userAgent来判断是否是IE,再编写IE分支的处理代码: 2.通过声明@cc_on 语句可以在脚本的注释内启用条件编译功能,这样对于非IE浏览器就会将识别为注释而忽略(实测,这种方式在IE6-9将适用!): 复制代码 代码如下: /*@cc_on @if (@_jscript) alert("hello world"); @end @*/

一个封装js代码-----展开收起效果示例_javascript技巧

第一次靠自己完整的封装的小特效,有点小小的兴奋,和大家分享下,希望能对和我一样在探索的童鞋们有点帮助 js部分: 复制代码 代码如下: var show_obj = function(obj,at,ob){ $(obj).bind('click', function(){ var showTxt = $(this).children(at); //alert($(at).html()); //alert(sObj); //alert(); //alert($(this).parent().chi

js 兼容性-有个js代码,火狐浏览器可以实现,谷歌不行,求解决

问题描述 有个js代码,火狐浏览器可以实现,谷歌不行,求解决 用js写了一个切换样式的(用下拉框选择样式切换).但是在火狐浏览器可以实现切换,在谷歌和360浏览器就没有反应.求教大神指导.下面是有关代码,有些没有关系的我就删了. //皮肤样式切换 function switchStylestyle(styleName){ aa=document.styleSheets; for(i=0;i<aa.length;i++){ aa[i].disabled=true; if(aa[i].title==

js代码,google浏览器执行1s,IE浏览器内执行,导致ie直接未响应

问题描述 js代码,google浏览器执行1s,IE浏览器内执行,导致ie直接未响应 一段js代码,在google浏览器下执行速度大概在1s左右,但是在IE浏览器内执行,导致ie直接未响应,.主要是想找一个精通JS的,将js进行优化,从而达到ie下执行速度和google下速度基本差不多的情况.能进行QQ远程协助并且沟通. 本人QQ 545718303. 求大神回答.定当感谢.

JS 加入收藏夹的代码(主流浏览器通用)_javascript技巧

所有浏览器通用的js添加收藏夹代码 复制代码 代码如下: <script> function addfavorite() { if (document.all) { window.external.addFavorite('http://www.XXX.com','XXX'); } else if (window.sidebar) { window.sidebar.addPanel('XXX', 'http://www.XXX.com', ""); } } </scr

JS代码示例:IE6浏览器maxwidth最大宽度

文章简介:JS代码示例:IE6_maxwidth最大宽度. //直接操作需要的元素var container = document.getElementById(elementId);container.style.width = (container.clientWidth > (width - 1)) ? width + "px" : "auto"; //定义函数,多次调用function setMaxWidth(elementId, width){var