0

你好

我想在 div 标签中显示主页。这是一个小代码，可在浏览器 Firefox、Chrome、Opera 中运行，但在 Internet Explorer 中不起作用。有人提示吗？

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://localhost/myproj/jquery-1.9.0.min.js"></script>
        <style>
            body {
                background-color: lightsalmon;
            }
            .inner_homepage_div {
                position: fixed;
                top : 100px;
                left : 0px;
                width: 100%;
                z-index:10;
            }
        </style>
        <title></title>
    </head>
    <body>
    <script type="text/javascript">
        (function($) {
            $(document).ready(function() {
                function fHeight() {
                    $('#inner_page').height($(window).height()-125);
                    $('#hpage').css({
                        'width': '100%',
                        'height': '100%'
                    });
                }
                $('#inner_page').html('<object id="hpage" data="http://www.ee" />');
                fHeight();
                fHeight();
                $(window).resize(fHeight);
            });//
        })(jQuery);
    </script>
    <div id="inner_page" class="inner_homepage_div"></div>
    </body>
</html>

谢谢

4

2 回答 2

0

所以我们知道，什么是http://www.ee？它不见了.. 位 你真的得到了什么吗？如果是这样呢？（会作为评论发布，但堆栈喜欢让你有 50 个代表）

于 2013-02-11T13:19:23.233 回答
0

为了实现与 IE 的最佳兼容性，您可以使用来自http://modernizr.com/或 /的脚本，对于 HTML5 元素，可以使用 HTML5-trunk：

<!--[if IE]>
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

但是如果我只是看到你的代码，问题可能是由于同时 100% 宽度和 100% 高度，老浏览器不支持这个。此外，为什么要像 jQuery-Plugin 一样插入 jQuery 片段？只需使用：

     $(function() {
        function fHeight() {
            $('#inner_page').height($(window).height()-125);
            $('#hpage').css({
                'width': '100%',
                'height': '100%'
            });
        }
        $('#inner_page').html('<object id="hpage" data="http://www.ee" />');
        fHeight();
        // fHeight(); -> why the second time???
        $(window).resize(fHeight);
    });
于 2013-02-11T15:10:30.797 回答