实现HMTL网页的全屏幕显示或模态显示 （JS代码）

最新推荐文章于 2022-06-11 15:18:37 发布
最新推荐文章于 2022-06-11 15:18:37 发布
阅读量130 收藏
点赞数
文章标签： javascript 操作系统 ViewUI

将下面的JS保存为：mail_fullscreen.js文件

None.gif
None.gif
None.gif // 简化版本的函数，只适合于IE5.0,Windows XP以上环境
None.gif function  modelScreen(strURI,X,Y,width,height){
None.gif    fullWindow  =  window.open(strURI , " full " , " width= "   +  (width)  +   " ,height= "   +  (height + 1 )  +   " ,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0 " );            
None.gif    fullWindow.moveTo(X,Y);
None.gif    fullWindow.focus();
None.gif}
None.gif
None.gif /*
None.gif下面的函数适合于所有主流浏览器和操作系统
None.gif
None.gif参数说明：
None.gifwindowWith ：窗口宽度
None.gifwindowHeight:窗口高度
None.gifwindowX:     窗口起点X
None.gifwindowY:     窗口起点Y
None.gif */
None.gif
None.gif function  gfFullScreen(strURI){
None.gif     var  strAppVer  =  navigator.appVersion;
None.gif     var  strAppNM   =  navigator.appName;
None.gif     var  intPos     =  strAppVer.indexOf( " MSIE " , 0 );
None.gif    
None.gif     var  windowWith = screen.availWidth / 2 ;
None.gif     var  windowHeight = screen.availHeight / 2 ;
None.gif     var  windowX = 20 ;
None.gif     var  windowY = 20 ; 
None.gif
None.gif     if (strAppVer.indexOf( " Win " ) >= 0 ){  // OS--Windows
None.gif          if (strAppNM.indexOf( " Microsoft " ) >= 0 ){  // Browser--InternetExplorer
None.gif              if  (strAppNM  ==   " Microsoft Internet Explorer "   &&  parseInt(strAppVer) >= 4 ){  // IEversion more 4
None.gif                  if (parseInt(strAppVer.slice(intPos + 5 ,intPos + 6 )) >= 6 ){
None.gif                     if (parseInt(strAppVer.indexOf( " Windows NT 5.1 " , 0 ))  >   0 ){  // WindowsXP
None.gif                         fullWindow  =  window.open(strURI , " full " , " width= "   +  (windowWith)  +   " ,height= "   +  (windowHeight + 1 )  +   " ,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0 " );
None.gif                         // fullWindow.moveTo(-5,-32);//全屏时的参数
None.gif                         fullWindow.moveTo(windowX,windowY);
None.gif                        
None.gif                     //     window.location.HREF="/sgsoft";
None.gif                         fullWindow.focus();
None.gif                    } else {  // Not WindowsXP
None.gif                         fullWindow  =  window.open(strURI , " full " , " width= "   +  (windowWith)  +   " ,height= "   +  (windowHeight + 1 )  +   " ,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0 " );
None.gif                         // fullWindow.moveTo(-5,-24);//全屏时的参数
None.gif                         fullWindow.moveTo(windowX,windowY);                        
None.gif                         // window.location.HREF="/sgsoft";
None.gif                         fullWindow.focus();
None.gif                    }
None.gif                } else {
None.gif                    fullWindow  =  window.open( ""  , " full " , " fullscreen=1,width= "   +  (windowWith + 3 )  +   " ,height= "   +  (windowHeight + 1 )  +   " ,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0 " );
None.gif                     // fullWindow.resizeTo(Math.ceil(windowWith+3),Math.ceil(windowHeight+1));
None.gif                     fullWindow.resizeTo(Math.ceil(windowWith + 3 ),Math.ceil(windowHeight + 1 ));
None.gif                     // fullWindow.moveTo(0,0);//全屏时的参数
None.gif                     fullWindow.moveTo(windowX,windowY);
None.gif                    
None.gif                    fullWindow.document.open( " text/html " ,  " replace " );
None.gif                    fullWindow.document.write( " <html><style type='text/css'>\n " );
None.gif                    fullWindow.document.write( " body{ border: 1px solid #000000; overflow: hidden; margin: 0pt;} " );
None.gif                    fullWindow.document.write( " #stillloadingDiv{ position: absolute; left: 0px; top: 0px; width: 100%px; height: 19px; z-index: 1; background-color: #C0C0C0; layer-background-color: #C0C0C0; clip:rect(0,100%,19,0);} " );
None.gif                    fullWindow.document.write( " </style>\n " );
None.gif                    fullWindow.document.write( " <body οnlοad=\ " top.document.location.replace(' " +strURI+ " ')\ "  topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 scroll='no'> " );
None.gif                    fullWindow.document.write( " <div ID='stillloadingDiv'></div> " );
None.gif                    fullWindow.document.write( " </body></html> " );
None.gif                    fullWindow.document.close();
None.gif                     // window.location.HREF="/sgsoft";
None.gif                     fullWindow.focus();
None.gif                }
None.gif            } else {  // IEversion under 4
None.gif                 fullWindow  =  window.open(strURI, " full " , " width= "   +  (windowWith + 1 )  +   " ,height= "   +  (windowHeight - 21 )  +   " ,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1,left=0,top=0,screenX=0,screenY=0 " , true );
None.gif                 // window.location.HREF="/sgsoft";
None.gif             }
None.gif        } else   if (strAppNM.indexOf( " Netscape " ) >= 0 ){  // Browser--NetscapeNavigator
None.gif              // fullWindow = window.open("","full","scrollbars=0,resizable=0,width=" + (windowWith-12) +",height=" + (windowHeight-30));
None.gif             fullWindow  =  window.open( "" , " full " , " scrollbars=0,resizable=0,outerWidth= "   +  windowWith  + " ,outerheight= "   +  windowHeight  + " ,top=0,left=0 " );
None.gif            fullWindow.moveBy( 0 , - 10 );
None.gif            fullWindow.location.href  =  strURI;
None.gif             // window.location.HREF="/sgsoft";
None.gif         } else {  // Browser-- 3rdParty
None.gif             location.replace( " alert.html " );
None.gif             // window.location.HREF="/sgsoft";
None.gif         }
None.gif    } else   if (strAppVer.indexOf( " Mac " ) >= 0 ){  // OS-Machintosh
None.gif          if (strAppVer.indexOf( " Safari " ) >= 0 ){  // Brower--Safari
None.gif             fullWindow = window.open( "" , " full " , " scrollbars=0,resizable=0,width= "   +  (windowWith)  + " ,height= "   +  (windowHeight - 20 ));
None.gif             // fullWindow.moveTo(0,0);//全屏时的参数
None.gif             fullWindow.moveTo(windowX,windowY);
None.gif            
None.gif            fullWindow.location.href = strURI;
None.gif             // window.location.HREF="/sgsoft";
None.gif         } else {
None.gif             if (strAppNM.indexOf( " Microsoft " ) >= 0 ){  // Browser--InternetExplorer
None.gif                 fullWindow  =  window.open(strURI, " full " , " alwaysLowered=0,alwaysRaised=0,channelmode=0,dependent=1,directories=0,fullscreen=1,hotkeys=1,location=0,menubar=0,resizable=0,scrollbars=0,status=0,titlebar=0,toolbar=0,z-lock=0,screenX=0,screeny=0,left=0,top=0 " );
None.gif                fullWindow.resizeTo(windowWith,windowHeight);
None.gif                 // window.location.HREF="/sgsoft";
None.gif             } else   if (strAppNM.indexOf( " Netscape " ) >= 0 ){  // Browser--NetscapeNavigator
None.gif                 fullWindow = window.open( "" , " full " , " scrollbars=0,resizable=0,width= "   +  (windowWith - 12 )  + " ,height= "   +  (windowHeight - 30 ));
None.gif                 // fullWindow.moveTo(0,0);
None.gif                 fullWindow.moveTo(windowX,windowY);
None.gif                
None.gif                fullWindow.location.href = strURI;
None.gif                 // window.location.HREF="/sgsoft";
None.gif             } else {  // Browser-- 3rdParty
None.gif                 location.replace( " alert.html " );
None.gif                 // window.location.HREF="/sgsoft";
None.gif             }
None.gif        }
None.gif    } else {
None.gif        location.replace( " alert.html " );
None.gif         // window.location.HREF="/sgsoft";
None.gif     }
None.gif}
None.gif


 


在HTML网页中使用它：

 

None.gif < html >
None.gif     < head >
None.gif         < title > LifeWithDVD </ title >
None.gif         < meta  http-equiv ="Content-Type"  content ="text/html; charset=Shift_JIS" >
None.gif         < script  type ="text/javascript"  src ="mail_fullscreen.js" ></ script >
None.gif     </ head >
None.gif     < body  bgcolor ="#ffffff"  leftmargin ="0"  topmargin ="0"  marginwidth ="0"  marginheight ="0"
None.gif        text ="#ffffff"  link ="#ffffff"  vlink ="#ffffff"  alink ="#ffffff" >
None.gif         < table  width ="100%"  border ="0"  cellspacing ="0"  cellpadding ="0"  height ="90%" >
None.gif             < tr  align ="center"  valign ="middle" >
None.gif                 < td  height ="579"  colspan ="2" >< br >
None.gif                     < br >
None.gif                     < br >
None.gif                     < table  width ="135"  height ="135"  border ="0"  align ="center"  cellpadding ="0"  cellspacing ="0" >
None.gif                         < tr >
None.gif                             < td  width ="135"  height ="135"  colspan ="2"  align ="center"  valign ="top" >
None.gif                                 < table  width ="135"  height ="135"  border ="0"  align ="center"  cellpadding ="0"  cellspacing ="0" >
None.gif                                     < tr >
None.gif                                         < td  height ="135" >< a  href ="javascript:modelScreen('content/main.html',20,20,800,600);" >< img  src ="./image/sun.jpg"  width ="827"  height ="297"  border ="0" ></ a ></ td >
None.gif                                     </ tr >
None.gif                                 </ table >
None.gif                             </ td >
None.gif                         </ tr >
None.gif                     </ table >
None.gif                 </ td >
None.gif             </ tr >
None.gif         </ table >
None.gif     </ body >
None.gif </ html >
None.gif


 

 

 

「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
随滚动条来加载可见屏幕内容的代码示例
weixin_34150830的博客
12-28 70
$(document).ready(function() { $(window).bind("scroll", GetData); function GetData() { var windowHeight = $(window).height(); var sc...
html在输入框上提示，“必填信息”
qq_39822451的博客
04-19 3736
//html在输入框上提示，“必填信息” <div class="col-sm-3"> <input type="text" id="codeName" name="codeName" value="" maxlength="64" class="form-control required" autocomplete="off" aria-required="true"...
html表单必填项提示,使用$f.validate方法验证表单，页面必填项提示不展示
weixin_39572152的博客
06-23 541
[{type: 'input',field: 'goods_name',title: '流程',validate: [{ type: 'string', required: true, message: '请输入名称' }],col: {span: 20,push: 1,}},{type: 'input',field: 'goods_name1',title: '名称',validate: [{ ...
Web前端-Html1--基础标签
yanghainan0318的博客
11-23 217
HTML1 第一个网页 桌面右击创建txt文本创建代码如下： <!Doctype Html> <hetml> <head> <title>我的第一个网页</title> <metacha...
javaScript入门基础菜鸟写的
kbdmy的博客
08-14 170
一.javaScript代码块出现的位置: 1.出现在head标签内 2.出现在hetml标签外 3.出现在body标签内 总结:js代码块可以出现在任何地方.但是head和body标签内使用的最多. 二.javaScript的作用: 为网页加入css3无法加入的东西,是网站更加直观化和美观化。 三.javaScript分为{ECMAscript ,DOM, BOM}三部分; 四.java属于解...
鼠标移上去显示大图的特效代码
03-20
在网页设计中，"鼠标移上去显示大图的特效代码"是一种常见的交互设计技术，它提高了用户体验，使得用户能够在不离开当前页面的情况下预览图片的详细内容。这种效果通常是通过JavaScript或者CSS3来实现的，有时也会...
Bootstrap超大屏幕的实现代码
12-01
尽管在这个简单的示例中没有直接使用JavaScript，但通常情况下，Bootstrap的某些组件如模态框、下拉菜单等需要JavaScript来实现其动态行为。 在浏览器中渲染这段代码后，将呈现出一个全宽的、无边角的超大屏幕区域...
tingle.js-简单实用的纯JavaScript模态窗口插件
12-11
2. **创建模态窗口**：使用JavaScript代码创建一个tingle.js的模态窗口实例，并指定其内容和配置。 3. **控制模态窗口**：根据需要调用API方法来打开、关闭或更新模态窗口的内容。 考虑到201606071542这个文件名...
300js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
最新发布
08-04
6. 前端框架：虽然没有明确提及，但这些源码可能采用了某些流行的前端框架，如Angular、React或Vue.js，它们能帮助开发者更高效地组织代码，实现模块化开发，并提供了丰富的组件库和工具。 7. 响应式设计：响应式...
JS商品图片局部放大效果代码.zip
05-25
这个压缩包文件包含了一套实现这一功能的JavaScript代码，以下是关于这个功能的详细解释和相关知识点。 首先，我们要理解的是HTML源码中的图片元素 `<img>`。在网页设计中，`<img>`标签用于插入图像，通常包括`src`...
Vue实现ElementUI中列表的选填与必填（根据一个下拉框选项内容决定另一个下拉框是否为必填项）
SunPeng的博客
01-12 1万+
需求： （1）根据厂商决定设备名称是否选填或必填。 （2）如果厂商为华为，设备名称为必填并自定义提示信息； （3）如果厂商为其他，设备名称为非必填 建议使用法二 1、data里： data(){ return{ isShow:false,//判断是否为必填 //这里是法一（不推荐使用） /* rules: { //company: [{ required: isShow, message:
数字类型的表单验证并且动态指定是否必填的解决方法
weixin_67693686的博客
06-11 723
数字类型的表单验证并且动态指定是否必填的解决方法，最近在项目中有一个需求，左侧是下拉框，右侧是输入框。要求选择左侧某一项的时候右侧的不需要填写，其余的选项必须要填写，此时就需要用到validator自定义验证规则...
Html(快捷键!+Tab)
采菊东篱下，Python满乾坤！
08-26 1万+
HMTL(HyperText Mark-up Language)即超文本*标记*语言或超文本标签语言 超文本可以实现页面内可以包含图片,链接,甚至音乐,程序等. 网页文件扩展名:.html或者 .htm 超文本标记语言包括"头"部分(英文:head),和"主体"部分(英文:body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容. 注释 快捷键 contr
实现HMTL网页的全屏幕显示或模态显示 （JS代码）
weixin_33907511的博客
10-24 557
将下面的JS保存为：mail_fullscreen.js文件 //简化版本的函数，只适合于IE5.0,WindowsXP以上环境functionmodelScreen(strURI,X,Y,width,height){fullWindow=window.open(strURI,"full","width="+(width)+...
JavaScript特效实例011-弹出全屏显示的网页模式对话框
滨州学院csdn高校俱乐部 冶近玮
05-16 2480
实例011                    弹出全屏显示的网页模式对话框 实例说明 弹出全屏显示的网页模式对话框，用户关闭之前不能浏览网站的其他内容。 技术要点      本实例主要应用screen对象的width、height属性和window对象的showModalDialog（）方法实现。其实还有一种方法打开网页对话框，即showModelessDialog（）方法。    
HTML网页设计自动适应屏幕宽度
热门推荐
hanpan123的博客
03-21 4万+
https://yusi123.com/2539.html允许网页宽度自动调整“自适应网页设计”到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。&lt;meta name=”viewport” content=”width=device-width, initial-scale=1″ /&gt;viewport是网页默认的宽度和高度，上面这行代码的意思是，...
JavaScript实现模态框的显示和隐藏
04-25
可以通过以下步骤实现JavaScript实现模态框的显示和隐藏： 1. 首先，在HTML中创建一个模态框的div元素和一个按钮元素，用于控制模态框的显示和隐藏。 2. 接着，在JavaScript中获取模态框和按钮元素的引用，并为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值