学习笔记14Js使用技巧

**页面加载完毕时执行一段代码
$(fuction(){ initialMethod(); });

*将一个<form>序列化为json对象并传给服务器
var postData = $("#from1").SerialArray();
$.post("process.ashx",postData,fuction(data){ //处理返回的数据 });

*使用EasyUI,能将Div当做对话框弹出，其实对话框是使用隐藏的div来完成的.

*html标签和js使用技巧：

*JQ获取有某些特征值的标签元素
$("#父元素id a:contain("详情")").click(fuction(){...})
详细可以去插JQ选择器。

*使用JQ来设置标签样式 $("#id").css("样式","值");

**使用JQ来获取自定义属性值：$("#元素名").attr("属性名");在一些第三方Js包中，会用于判断，以设置特定样式。

*父容器调用子窗口的方法：适用于框架页调用<inframe>
1.拿子容器的window对象，在<inframe>内，就是一个完整的html页面。
var domFram = $("#editFrame")[0];
2.在子窗口中，写一些JS方法，以供父窗口使。
3.在父窗口，使用domFrame.contentWindow.子窗口方法();

**无论父容器操作子容器，还是子容器操作父容器，都不能够直接操作，必须定义方法来操作。

*子容器调用父容器方法：
window.parent.父容器方法();
注意：parent可能是父容器标签，也可能是整个页面，如果parent是类似于<inframe>的标签，那么真正的父容器就是
window.parent.window.父容器方法名()

**如果要向前台输出不同类型的json对象，那么，将这两个对象放到一个匿名对象中，并序列化为json对象，然后在前台拆解即可，
如：var data = new {newList= list,属性=xxxx}

*对于一切简单展示型的页面，或者用EasyUI能达到展示母的的页面，都可以使用Html+ashx+js来进行：
1.用ashx来接收请求，发送json数据。
2.用js来控制数据展示
3.实际上，前台和后台是能完全分离的
4.使用html+ashx+js能有效降低服务器的工作强度，不用走aspx页面生命周期，将前后台代码完全分离。

 

转载于:https://www.cnblogs.com/pylblog/p/6941489.html