- 项目中使用到的浏览器窗口内宽高:
document.body.clientWidth;document.body.clientHeight; - 用于计算模态框和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 = '';
- 去除input type='number'的提示()(比如项目中有多语言设置时,其本身的提示是根据浏览器语言所做的提示语言)
<input type="Number" min="0" max="100" required>
思路:请填写此字段的提示,是因为有required标签,去除即可(可自己做验证);值必须大于或等于0的提示,是因为min或max的存在,可添加个title=‘’的属性去除;
方法:
document.getElementById('input').setAttribute ("title", '')
UIComp('id').$children[0].$el.querySelector('input').removeAttribute('required')