⑴ js怎么使当前打开的网页全屏
|||
//你看一下，这个可以吗！
functionfullScreen(){
varel=document.documentElement;
varrfs=el.requestFullScreen||专el.webkitRequestFullScreen||el.mozRequestFullScreen||el.msRequestFullScreen;
if(typeofrfs!属="undefined"&&rfs){
rfs.call(el);
}elseif(typeofwindow.ActiveXObject!="undefined"){
//forInternetExplorer
varwscript=newActiveXObject("WScript.Shell");
if(wscript!=null){
wscript.SendKeys("{F11}");
}
}
}
⑵ 求大神赐教，请问如何用JS实现网页的完全全屏.
Option.prototype.toggleFullscreen=function(){
if((document.fullScreenElement&&document.fullScreenElement!==null)||
(!document.mozFullScreen&&!document.webkitIsFullScreen)){
this.enterFullscreen(document.documentElement);
}else{
this.cancelFullscreen();
}
};
Option.prototype.enterFullscreen=function(docElm){
if(docElm.requestFullscreen){
docElm.requestFullscreen();
}
elseif(docElm.mozRequestFullScreen){
docElm.mozRequestFullScreen();
}
elseif(docElm.webkitRequestFullScreen){
docElm.webkitRequestFullScreen();
}
};
Option.prototype.cancelFullscreen=function(){
if(document.exitFullscreen){
document.exitFullscreen();
}
elseif(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}
elseif(document.webkitCancelFullScreen){
document.webkitCancelFullScreen();
}
};
⑶ js或者jquery实现页面中的一个div全屏
1、引入外部jquery文件
比如：
<scriptsrc="Scripts/jquery-1.3.2.min.js"type="text/javascript"></script>
2、点击按钮时的JQuery代码
$(document).ready(function(){
$("#go").click(function(){
/*属性*/
$("#go2").css({"position":"absolute","text-align":"center","top":"0px","left":"0px","right":"0px","bottom":"0px","background":"red","visibility":"visible","filter":"Alpha(opacity=90)"
});
/*高为屏幕的高*/
$("#go2").css({
height:function(){
return$(document).height();
},
width:"100%"
});
});
});3、html页面代码
<asp:ButtonID="go"runat="server"Style="width:380px;position:absolute;top:249px;left:425px;background-color:Green;height:65px;"Text="后台执行程序，前台遮盖，运行完毕后自动消失"/>
<divid="go2">
正在提交数据...
</div>
⑷ 怎么用JS实现网站全屏
那就用JS模拟按键F11实现吧！<html>
<head>
<title>JS模拟按键</title>
<script type="text/javascript">
function $(id){return document.getElementById(id)}
function loadListener(){
$("testBtn").onclick=function(){
var WshShell = new ActiveXObject('WScript.Shell')
WshShell.SendKeys('{F11}');
}
}
window.attachEvent("onload",loadListener);
</script>
<body>
我要实现这样一个效果:<br/>
当鼠标点击下专面这个button时,就触发键盘按属键事件,并且按下的键要为 F11,这样当前窗口就会全屏.<br/>
<input type="button" id="testBtn" value="点我全屏化">
</body>
</head>
</html>
⑸ 如何用html5 js实现浏览器全屏
项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏回的效果。
在HTML5中,W3C制定了关于答全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google
chrome
15
+,
safri5.1+,firfox10+,IE11支持
全屏
var
docElm
=
document.documentElement;
//W3C
if
(docElm.requestFullscreen)
{
docElm.requestFullscreen();
}
//FireFox
else
if
(docElm.mozRequestFullScreen)
{
docElm.mozRequestFullScreen();
}
//Chrome等
else
if
(docElm.webkitRequestFullScreen)
{
docElm.webkitRequestFullScreen();
}
//IE11
else
if
(elem.msRequestFullscreen)
{
elem.msRequestFullscreen();
}
⑹ 真心求教JS使得当前网页全屏的代码啊!
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>全屏</title>
</head>
<body>
</body>
<scripttype="text/javascript">
window.onload=function(){
varRequest=newArray();//保存参数
vars=location.search.substring(1);
if(s&&s!=""){
=s.split("&");
for(vari=0;i<list.length;i++){
varpair=list[i].split("=");
if(pair[0]&&pair[0]!=""){
Request[unescape(pair[0])]=unescape(pair[1]);
}
}
}
varfullscreen=Request["fullscreen"];
if(fullscreen!="yes"){
varfile=self.location;
vara=window.open("about:blank","","fullscreen=yes");
self.opener=null;
self.close();
a.location=file+"?fullscreen=yes";
}
}
</script>
</html>
这个是比较早期的全屏代码，现在有纯正的全屏API，但浏览器兼容性很不好，只支持chrome和firefox最新版本浏览器，其它的都不支持，所以还是用这个吧。
上面的代码已经搞定，打开后会自动进入全屏模式，当然，必须要允许这个网页自动弹出窗口才行。
⑺ 用js怎样实现打开网页时就全屏显示，要支持chrome，Firefox，IE等主流浏览器，求大神帮忙啊!
您好！来很高兴为您答疑！源
实现窗口全屏(F11效果)，只需在下面属性中加一条fullscreen = yes即可
<script>
<!--
function windowopen(){
var target="http://play.zol.com.cn"
newwindow=window.open("","","scrollbars")
if (document.all){
newwindow.moveTo(0,0)
newwindow.resizeTo(screen.width,screen.height)
}
newwindow.location=target
}
//-->
</script>
<form>
<input type="button" onClick="windowopen()" value="全屏显示" name="button">
</form>
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。