js 浏览器自适应例子

最新推荐文章于 2023-12-21 09:09:04 发布
lakemi
最新推荐文章于 2023-12-21 09:09:04 发布
阅读量3.5k
点赞数
分类专栏：大话技术
本文链接：https://blog.csdn.net/lake1314/article/details/21611473
版权
大话技术专栏收录该内容
54 篇文章 0 订阅
订阅专栏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <!-- 
    Smart developers always View Source. 
    
    This application was built using Adobe Flex, an open source framework
    for building rich Internet applications that get delivered via the
    Flash Player or to desktops via Adobe AIR. 
    
    Learn more about Flex at http://flex.org 
    // -->
    <head>
        <title>足霸天下</title>
        <meta name="google" value="notranslate" />         
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
             the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
             the percentage of the height of its parent container, which has to be set explicitly.  Fix for
             Firefox 3.6 focus border issues.  Initially, don't display flashContent div so it won't show 
             if JavaScript disabled.
        -->
        <style type="text/css" media="screen"> 
            html, body  { height:100%; }
            body { margin:0; padding:0; overflow:auto; text-align:center; 
                   background-color: #000000; }   
            object:focus { outline:none; }
            #flashContent { display:none; }
        </style>
        
        <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
        <!-- BEGIN Browser History required section -->
        <link rel="stylesheet" type="text/css" href="history/history.css" />
        <script type="text/javascript" src="history/history.js"></script>
        <!-- END Browser History required section -->  
            
        <script type="text/javascript" src="swfobject.js"></script>
        <script type="text/javascript">
            // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. 
            var swfVersionStr = "10.2.0";
            // To use express install, set to playerProductInstall.swf, otherwise the empty string. 
            var xiSwfUrlStr = "playerProductInstall.swf";
            var flashvars = {uid:"16777222",sid:"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",v:'1204281130'};
            //var flashvars = {};
            var params = {};
            params.quality = "high";
            params.bgcolor = "#000000";
            params.allowscriptaccess = "sameDomain";
            params.allowfullscreen = "true";
            var attributes = {};
            attributes.id = "GameLoading";
            attributes.name = "GameLoading";
            attributes.align = "middle";
            swfobject.embedSWF(
                "GameLoading.swf", "mygameId", 
                1024, 600, 
                swfVersionStr, xiSwfUrlStr, 
                flashvars, params, attributes);
            // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.
            swfobject.createCSS("#flashContent", "display:block;text-align:left;");
           
            
            window.οnlοad=function(){  
                 changeDivHeight();  
            }  
            //当浏览器窗口大小改变时，设置显示内容的高度  
            window.οnresize=function(){  
                 changeDivHeight();  
            }  
            function changeDivHeight(){               
                 var viewportwidth;
				 var viewportheight;
				
				 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
				
				 if (typeof window.innerWidth != 'undefined')
				 {
				      viewportwidth = window.innerWidth,
				      viewportheight = window.innerHeight
				 }
				
				// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
				
				 else if (typeof document.documentElement != 'undefined'
				     && typeof document.documentElement.clientWidth !=
				     'undefined' && document.documentElement.clientWidth != 0)
				 {
				       viewportwidth = document.documentElement.clientWidth,
				       viewportheight = document.documentElement.clientHeight
				 }
				
				 // older versions of IE
				
				 else
				 {
				       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
				       viewportheight = document.getElementsByTagName('body')[0].clientHeight
				 }
				 if(viewportwidth >= 1600)
				 {
				 	viewportwidth = 1600;
				 }
				 if(viewportheight >= 1200)
				 {
				 	viewportheight = 1200;
				 }
				var swfob =  document.getElementById("GameLoading");
				swfob.width = viewportwidth;
				swfob.height = viewportheight;
            }
        </script>
    </head>
    <body >
        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
             JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
             when JavaScript is disabled.
        -->
        <div id="mygameId">
            <p>
                To view this page ensure that Adobe Flash Player version 
                10.2.0 or greater is installed. 
            </p>
            <script type="text/javascript"> 
                var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); 
                document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
                                + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
            </script> 
        </div>
        
        <noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="600" id="GameLoading">
                <param name="movie" value="GameLoading.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#000000" />
                <param name="allowScriptAccess" value="sameDomain" />
                <param name="allowFullScreen" value="true" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="GameLoading.swf" width="1024" height="600">
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#000000" />
                    <param name="allowScriptAccess" value="sameDomain" />
                    <param name="allowFullScreen" value="true" />
                <!--<![endif]-->
                <!--[if gte IE 6]>-->
                    <p> 
                        Either scripts and active content are not permitted to run or Adobe Flash Player version
                        10.2.0 or greater is not installed.
                    </p>
                <!--<![endif]-->
                    <a href="http://www.adobe.com/go/getflashplayer">
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
                    </a>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </noscript>     
   </body>
</html>