broweray每日笔记之220728项目记录

93 阅读1分钟
  1. 项目中使用到的浏览器窗口内宽高:
    document.body.clientWidth;document.body.clientHeight;
  2. 用于计算模态框和iframe全屏时的宽高; 模态框、iframe等最大化窗口(非浏览器F11效果)思路:
dialogDom.style.position = 'fixed';
dialogDom.style.top = '0';
dialogDom.style.left = '0';
dialogDom.style.height = (document.body.clientHeight+'px');
dialogDom.style.width = (document.body.clientWidth+'px');

其他还需注意原来是否有margin值、max-heighti值等,可设为'none'、'0'等;还需注意内层div等的高度、是否overflow:hidden等;
最大化窗口还原的基本代码:

dialogDom.style.position = '';   
dialogDom.style.top = '';   
dialogDom.style.left = '';   
dialogDom.style.margin = '';   
dialogDom.style.maxHeight = '';    
dialogDom.style.height = '';  
  1. 去除input type='number'的提示()(比如项目中有多语言设置时,其本身的提示是根据浏览器语言所做的提示语言)
    <input type="Number" min="0" max="100" required>

image.png image.png
思路:请填写此字段的提示,是因为有required标签,去除即可(可自己做验证);值必须大于或等于0的提示,是因为min或max的存在,可添加个title=‘’的属性去除;
方法:
document.getElementById('input').setAttribute ("title", '') UIComp('id').$children[0].$el.querySelector('input').removeAttribute('required')