最新新的体会+flex+拿到DOM对象操作+拿到一整个页面代码加载+显示省略号

新的体会：1.调左右上下不要固定，先找到中心轴，如用align：center等的方法，然后再调左右，避免不同浏览器出现问题。

2.直接加载整个html文档的时候，可以先对string进行分割然后再加载进去，如果想用js进行操作，可以添加一个新的js文档到html文档，然后再加载html

 

1.flex布局的详解
https://www.cnblogs.com/nuannuan7362/p/5823381.html
设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
具体一串代码为
display: flex;
align-items: center;
justify-content:center;

2.

function show_span(dom){    dom是一个div对象，对其进行操作
    var _typeNumber;
    var _noticeType = localStorage.getItem("noticeType");
    clear();
    $(dom).find("span").css("visibility","visible");
    $(dom).css("background-color"," #C9DDF6");
    if(_noticeType!="") {
        typePating(_noticeType);
    }
}

$(".right_back").eq(i).css("background-color","white");

.3.拿到一整个页面代码加载在当前窗口的方法

var _strFront=_text.substring(0,_len-20);
var _strLast=_text.substring(_len-20,_len);
_content+="<script src=\"../../static/js/searchIn.js\" type=\"text/javascript\"><\/script>";
_content=_strFront+_content+_strLast;
_content=_content.replace(/\/app\/static/g,"http://www.sczwfw.gov.cn/app/static");

var _mywindow = window.open('','_self');
_mywindow.document.write(_content);

5.超出容器内容显示省略号（代码放在子标签里面）

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;