真心求教JS使得当前网页全屏的代码啊!
我最近在做一个在线考试系统,想法是学生通过一个页面选择科目以后,进入相应的servlet后,根据传进来的科目号随机生成试题,然后通过请求转发到相应的考试页面,现在就是希望...
我最近在做一个在线考试系统,想法是学生通过一个页面选择科目以后,进入相应的servlet后,根据传进来的科目号随机生成试题,然后通过请求转发到相应的考试页面,现在就是希望这个考试页面是打开的时候直接就是全屏的。希望高手帮忙解决下。或者帮忙看下下面这段代码怎么用呢
//下面代码实现全屏显示
function window.onload(){
var Request = new Array();//保存参数
var s = location.search.substring(1);
if (s && s!=""){
var list = s.split("&");
for (var i=0; i < list.length; i++){
var pair = list[i].split("=");
if (pair[0] && pair[0] !=""){
Request[unescape(pair[0])] = unescape(pair[1]);
}
}
}
var fullscreen=Request["fullscreen"];
if(fullscreen!="yes"){
var file =self.location;
var a = window.open("about:blank","","fullscreen=yes")
self.opener=null
self.close()
a.location=file + "?fullscreen=yes";
}
} 展开
//下面代码实现全屏显示
function window.onload(){
var Request = new Array();//保存参数
var s = location.search.substring(1);
if (s && s!=""){
var list = s.split("&");
for (var i=0; i < list.length; i++){
var pair = list[i].split("=");
if (pair[0] && pair[0] !=""){
Request[unescape(pair[0])] = unescape(pair[1]);
}
}
}
var fullscreen=Request["fullscreen"];
if(fullscreen!="yes"){
var file =self.location;
var a = window.open("about:blank","","fullscreen=yes")
self.opener=null
self.close()
a.location=file + "?fullscreen=yes";
}
} 展开
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>全屏</title>
</head>
<body>
</body>
<script type="text/javascript">
window.onload = function(){
var Request = new Array(); //保存参数
var s = location.search.substring(1);
if (s && s != "") {
var list = s.split("&");
for (var i = 0; i < list.length; i++) {
var pair = list[i].split("=");
if (pair[0] && pair[0] != "") {
Request[unescape(pair[0])] = unescape(pair[1]);
}
}
}
var fullscreen = Request["fullscreen"];
if (fullscreen != "yes") {
var file = self.location;
var a = window.open("about:blank", "", "fullscreen=yes");
self.opener = null;
self.close();
a.location = file + "?fullscreen=yes";
}
}
</script>
</html>
这个是比较早期的全屏代码,现在有纯正的全屏API,但浏览器兼容性很不好,只支持chrome和firefox最新版本浏览器,其它的都不支持,所以还是用这个吧。
上面的代码已经搞定,打开后会自动进入全屏模式,当然,必须要允许这个网页自动弹出窗口才行。
更多追问追答
追问
额,这段代码怎么用呢?直接放到我的试卷页面就行?这样它就会自动全屏,不用调用一下神马的?麻烦您给仔细说下吧,真心求教,这问题困扰我半天了,另外这个实现起来就是f11的效果吧
追答
你可以看到我的代码,是一个完整的HTML文件,其中有标签,标签之间的,就是JS代码。
呼……这个还需要解释……
里面的代码,有一个window.onload,这个是指,在浏览器加载该页面完成会,自动执行后面的方法。
于是,你直接把代码放进你的页面,就可以了,当然,问题并没有那么简单,如果浏览器的安全设置级别较高,你会看到,你的页面弹窗被禁止了,那么你需要对你的浏览器设置一下,允许它弹窗你页面所在的站点。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询