0

私がやろうとしているのは、十分な大きさの画面にフルスクリーンの背景画像を表示することであり、ほとんどのブラウザーで機能しますが、他のブラウザーでは問題を引き起こしています。W3 Validator で実行したところ、XHTML は document.write の Div および Img タグをサポートしていないと表示されます。バリデーターを通過し、一部のブラウザーでエラーが発生しないように、 document.write なしでこれをコーディングするにはどうすればよいでしょうか?

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.fullscreenBackground.js"></script>
<script type="text/javascript">
$(document).ready(function () {
        $("#background-image").fullscreenBackground();
    });
</script>

            <script type="text/javascript">
var viewPortWidth = $(window).width();
var viewPortHeight = $(window).height();
if (viewPortHeight >= 300 && viewPortWidth >= 400) {
document.write("<div id='background-image'><img src='BGLarge.gif' alt='background' width='1920' height='1080' ></div>");
}
else {
document.write("");
}
</script>
4

3 に答える 3

2

jquery を使用して要素を先頭に追加します: http://api.jquery.com/prepend/

これはうまくいくはずです。または、doctype を変更することもできます。

于 2012-12-01T00:30:42.457 に答える