前端常用小知识

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

获取form 表单数据

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

超出 显示 ...
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 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>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值