



全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
常用的Js以及Jquery优缺点总结本资源来自:山西生活门户 站长liangjunjie221 欢迎大家一起交流心得。1 . 动态创建表单:function kyoukaClick(kyoukaCode)var topForm =document.createElement(form); /创建新的节点document.body.appendChild(topForm); /在body尾部添加节点var kyokaInput=document.createElement(input);kyokaInput.type=hidden; /创建节点后对节点的属性进行设置kyokaInput.value=kyoukaCode;kyokaI=kyoukaCode;topForm.appendChild(kyokaInput); /对刚刚添加的节点里面再添加节点topForm.method=post;topForm.action=./tangen/confirm/;topForm.submit(); /表单的提交方法可以实现的效果就是:在页面动态生成表单 并且将button动态生成表单后进行提交。在实际的使用中可以有很多的用处。2. 打开新网页对话页:function showModellessWindow(url) window.showModelessDialog(url,window,dialogWidth:800px;dialogHeight:800px;edge:sunken);3. jquery中ajax的使用:$.ajax(type:POST,url:onSearchButtonClick,data:kyoukasyoCode=+kyoukasyocode,contentType:application/x-www-form-urlencoded;charset=utf-8,success:function callback(data)/alert(callback run!);$(#div).hide();$(#listTangen).show();var tbl=document.getElementById(listTangen);/var tbl=$(#listTangen);if(tbl.rows != null)for(var i=tbl.rows.length-1;i=0;i-)tbl.deleteRow(i);var jsonss=eval(+data+);for(var i=0;ijsonss.length;i+) tbl.insertRow(i);var td1 = tbl.rowsi.insertCell(0);var td2 = tbl.rowsi.insertCell(1); /添加列信息td1.className = checkbox;if if(jsonssi.checkStatus=1) td1.innerHTML = ;Okbtn.disabled = false; else td1.innerHTML = ;td2.innerHTML = jsonssi.tangenMei;);另外附上:jquery的优缺点1、jQuery实现脚本与页面的分离在HTML代码中,我们还经常看到类似这样的代码:1 2 即使validate()函数可以被放置在一个外部文件中,实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这两部分分离。借助于jQuery,页面代码将如下所示:3 4 接下来,一个单独的JS文件将包含以下事件提交代码:5 $(myform).submit(function() 6 .your code here 7 ) 这样我们可以实现灵活性非常强的清晰页面代码。jQuery让JavaScript代码从HTML页面代码中分离出来,就像数年前CSS让样式代码与页面代码分离开一样。2、最少的代码做最多的事情最少的代码做最多的事情,这是jQuery的口号,而且名副其实。使用它的高级selector,开发者只需编写几行代码就能实现令人惊奇的效果。开发者无需过于担忧浏览器差异,它除了还完全支持Ajax,而且拥有许多提高开发者编程效率的其它抽象概念。jQuery把JavaScript带到了一个更高的层次。以下是一个非常简单的示例:8 $(p.neat).addClass(ohmy).show(slow);9 通过以上简短的代码,开发者可以遍历“neat”类中所有的元素,然后向其增加“ohmy”类,同时以动画效果缓缓显示每一个段落。开发者无需检查客户端浏览器类型,无需编写循环代码,无需编写复杂的动画函数,仅仅通过一行代码就能实现上述效果。3、性能在大型JavaScript框架中,jQuery对性能的理解最好。尽管不同版本拥有众多新功能,其最精简版本只有18KB大小,这个数字已经很难再减少。jQuery的每一个版
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 电话回访述职报告
- 消防培训班安全常识课件
- 赵州桥课件内容
- 消防值班培训课件
- 质量监督课件
- 质量安全环境集中培训课件
- 消控室人员消防安全培训课件
- 责任关系的课件
- 诊所安全培训内容课件
- 证券培训课件
- 2025年网络信息安全技术岗位专业知识试卷及答案解析
- 2025新款餐饮兼职合同模板
- 网络安全知识宣传科普主题班会课件
- 2025四川省水电投资经营集团有限公司所属电力公司员工招聘6人考试参考试题及答案解析
- 多家俱乐部转让合同范本
- 人工智能应用基础 课件 3.1AI办公
- 第二课 现代媒体艺术的类型和特点教学设计-2025-2026学年高中美术人美版2019选择性必修6 现代媒体艺术-人美版2019
- 2025年财政部高层次财会人才选拔考试综合试题及答案
- DL∕T28112024变电站二次系统通信报文规范
- 2025纪念中国人民抗日战争胜利80周年心得体会五
- 2025年“好年华 聚福州”(福州大学场)福州地铁高校毕业生招聘模拟试卷带答案详解
评论
0/150
提交评论