html问题记录20180515

1.打开弹窗的页面的参数自动映射，通过inparamters参数

var dataParamters = checkStatus.data;

//弹出子页面

        $.modalOpen({

            id: hczzEventId,

            title: title,

            url: formViewUrl,

            "450px",

            height: "550px",

            inparamters: dataParamters,

            //子页面保存后回调函数，重新刷新表格数据

            yes: function (index, layero) {

                var formData = $(layero.find('iframe')[0].contentDocument).find("form").formSerialize();

                $.submitForm({

                    url: AddOrModifiUrl,

                    param: formData,

                    success: function (data) {

                        //如果是新增则新增标题栏总数量

                        if (isAdd == true && data.state == "success") {

                            var currentCount = $(".selected-tab-title").data("id") + 1;

                            $(".selected-tab-title").data("id", currentCount);

                            $(".selected-tab-title").find("span").html(currentCount)

                        }

                        //重来加载当前选中表格的数据

                        table.reload(tableName, {

                            where: {

                                hczzEventId: hczzEventId,

                                tabType: 1

                            },

                            page: {

                                page: 2 //重新从第 1 页开始

                            }

                        });

                        parent.layer.close(index);

                    }

                })

            },

            //子页面打开后的回调函数

            success: function (layero, index, inparamters) {

               

            }

        });

2.ajax中的dataType是在限制返回参数类型，如果返回参数类型不对的话回调函数将不会收到返回值

$.ajax({

            type: "POST",

            url: " /HCZZEvent/AddAssociatedCaseOfOne?hczzEventId=" + keyValue,

            data: jsonData,

            //dataType: "json",

            async: true,

            success: function (resultData) {

               

            }

        });

3.从子frame获取父frame的方法

  var iframeId = top.parent.$(".JP_iframe:visible").attr("id");                      

  var topBody = $(top.frames[iframeId].document); //父dom

topBody.find("#ul_talk").prepend(data.data);

4.获取父窗口的方法

取父窗口的元素方法：$(selector, window.parent.document);
那么你取父窗口的父窗口的元素就可以用：

$(selector, window.parent.parent.document);
类似的，取其它窗口的方法大同小异
$(selector, window.top.document);
$(selector, window.opener.document);
$(selector, window.top.frames[0].document);

5.jQuery动态添加元素

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

6.css制作三角形，注意理解盒子模型

1. border-top: 50px solid transparent;
2. border-left: 100px solid red;
3. border-bottom: 50px solid transparent;
4. border-right: 0px;
5. height: 0px;
6.  0px;
7. box-sizing: border-box;