前端常用小知识

如果接口返回的数据 有回车或者空格， 但是渲染的效果不展示  在dom上添加
style="white-space:pre-wrap;"

获取form 表单数据

var title =decodeURIComponent($("xx").serialize());//获取form id=xx的表单数据

 Bootstrap table 表格宽度怎么设置固定宽

<colgroup>

        <col width="100">

        <col width="200">

        <col width="30">

    </colgroup>

超出 显示 ...
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

关闭当前页面
window.opener=null;
window.open('','_self');
window.close();

刷新 当前页面
location.reload();

document.referrer     可以获取到上一级页面的url;

返回上一页 

window.history.go(-1); //返回上一页     可能不兼容ios
window.history.back(); //返回上一页     可能不兼容ios 

这个可以试试  

 location.href = "javascript:history.back();" 

 self.location = document.referrer   返回上一页 并刷新 让当天页面的地址换成上一个页面

window.location.go(-1); //刷新上一页   可能不兼容ios
window.history.back();location.reload();//强行刷新(返回上一页刷新页面）

<button class="btn yes_btn" type="button" onClick="window.history.go(-1)" >返回</button>

定位  相对定位和绝对定位 
https://clwy.cn/guide/pages/css-clwy-v1-position
绝对 absolute 相对relative
总结：

相对定位，是相对自己原来位置所做的定位，其他页面元素不受影响，还认为该元素，在其定位前的地方。
如果父元素没有定位，那么绝对定位，是相对于页面html做的定位。
如果父元素有定位，那么绝对定位，是相对于其父元素所做的定位。
定位的层级由z-index属性控制，默认是0，谁大谁在上方。

创建一个节点，添加再xxx后面
var br2=document.createElement("br");
$('#SMS2_SELECT_REMIND_SPAN').after(br2)

jq获取select选中的值

$("#xxx option:selected").val();

从后端拿到数据 回显选中的值

 $(".selected_operator option").map(function(){

            if($(this).text() == res.data_info.operator_select){

                 $(this).attr("selected",true);

           }

       })

js 方法 获取select选中的值

 var select = document.getElementById("xxx") //获取对象
    var index = select.selectedIndex;                     // 拿到选中 下标
    var text = select.options[index].text;                //获取选中 属性  text / val

判断是pc 还是 移动端  ios 还是安卓

navigator.userAgent   

// 判断安卓   判断什么都一样
    var u = navigator.userAgent;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if(isAndroid){
        console.log('android')
    }
    if(isiOS){
        console.log('ios')
    }

 把php变量 赋值给 js 的变量  如果php的变量是字符串  就需要加双引号

var x=<?php ecXX?>;       var x=“<?php echo ecXX?>”;

var x = "<?php echo $INVOICE_CHANGE_STEATE; ?>"; 

数组 先转成 json  再转回来   php json_encode（）   js  JSON.parse   

控制台输出  php

echo "<script>console.log('$rawUrl')</script>";

$rawUrl：就是你要输入到页面Console控制台的值

boostrap table     控制 th td 宽度

<colgroup>	
    <col width="120">
    <col width="auto">
    <col width="auto">
    <col width="120">
    <col width="200">
</colgroup>


<thead id="meetingroom_table_head" data-id="">
   <tr>
       <th>会议室序号</th>
       <th>会议室名称</th>
       <th>会议室管理员</th>
       <th>会议室状态</th>
       <th>操作</th>
                </tr>
 </thead>
 <tbody id="meetingroom_tbody">
                
 </tbody>

安卓手机上键盘收起后页面留白的问题

// 修改resize事件处理
    let initialHeight = window.innerHeight;
        
    window.addEventListener('resize', function() {
        if (window.innerHeight === initialHeight) {
            document.getElementById('enter-search').blur();
            // 重置页面高度和滚动位置
            document.body.style.height = '100%';
            document.body.style.position = 'fixed';
            setTimeout(function() {
                document.body.style.position = '';
                window.scrollTo(0, 0);
            }, 100);
        }
    });