浏览器锁频功能javascript代码

本文介绍了使用JavaScript代码实现浏览器锁频功能的方法,包括获取屏幕宽度和高度,并应用到一个名为'Screen'的div元素上,实现锁屏效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//浏览器锁频功能javascript代码,网上搜集,测试时效果没出来,不知道怎么回事,如果正常了,再贴完整的解决代码
function showScreen(id) {
//var Element = document.getElementById(id);
var Elements = document.getElementById("Screen");
alert(getWidth());
Elements.style.width = getWidth();
alert(getHeight());
Elements.style.height = getHeight();
//Element.style.display = "block";
Elements.style.display = "block";
}

function hideScreen(id) {
var Element = document.getElementById(id);
var Elements = document.getElementById("Screen");
Element.style.display = "none";
Elements.style.display = "none";
}

function getWidth() {
var strWidth, clientWidth, bodyWidth;
clientWidth = document.documentElement.clientWidth;
bodyWidth = document.body.clientWidth;
if (bodyWidth > clientWidth) {
strWidth = bodyWidth + 20;
} else {
strWidth = clientWidth;
}
return strWidth;
}
function getHeight() {
var strHeight, clientHeight, bodyHeight;
clientHeight = document.documentElement.clientHeight;
bodyHeight = document.body.clientHeight;
if (bodyHeight > clientHeight) {
strHeight = bodyHeight + 50;
} else {
strHeight = clientHeight + 50;
}
return strHeight;
}

//以下是对应的div

<div id="Screen" style="position:absolute;z-index: 9999;top: 0px;left: 0px;background:#CCC;display: none;filter: alpha(Opacity=1);">锁屏测试</div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值