执行包含javascript中php代码的html块

Question

我有一个.php文件，其中包含html，php和javascript。

javascript块用于确定浏览器，如果浏览器不是IE，则javascript将执行包含php的html块

这是JavaScript代码

<script type="text/javascript">
     var isIE = false || !!document.documentMode;
     if( !isIE ){
           //it will execute html block below
     }
</script>

这是包含php代码的html

<div class=center>
    <div class="flip">
        <div class="flip-child">

            <div class="front">
                <img src="<?php ABSPATH; ?>/new/logo/logo.png" alt="front" />
            </div>

            <div class="back">
                <a href="<?php ABSPATH; ?>/new/menu.html"> <img src="<?php ABSPATH; ?>/new/logo/back.png" alt="back" /> </a>
            </div>

        </div>
    </div>
</div>

全部都在一个.php文件中。 如果isIE变量为false，我想执行该html块，怎么办？

Answer 1

<div class="center" id="htmlblock" style="display: none;">
    <div class="flip">
        <div class="flip-child">

            <div class="front">
                <img src="<?php echo ABSPATH; ?>/new/logo/logo.png" alt="front" />
            </div>

            <div class="back">
                <a href="<?php echo ABSPATH; ?>/new/menu.html"> <img src="<?php echo ABSPATH; ?>/new/logo/back.png" alt="back" /> </a>
            </div>

        </div>
    </div>
</div>

<script type="text/javascript">
     var isIE = false || !!document.documentMode;
     if( !isIE ){
           //it will execute html block below
           document.getElementById("htmlblock").style.display = "block";
     }
</script>

这段代码可以确保，如果浏览器不是IE，将显示div，否则将保持隐藏状态（该display: none; style）。

请注意，我修改了div以为其指定htmlblock的ID，并更改了所有<?php ABSPATH; ?> <?php ABSPATH; ?>到<?php echo ABSPATH; ?> <?php echo ABSPATH; ?>

Answer 2

按照http://ageekandhisblog.com/use-php-to-detect-internet-explorer-11-and-below/中的建议，您可以在服务器端进行以下操作。

<?php
if (preg_match('~MSIE|Internet Explorer~i', $_SERVER['HTTP_USER_AGENT']) || (strpos($_SERVER['HTTP_USER_AGENT'], 'Trident/7.0; rv:11.0') !== false)): ?>
<div class=center>
    <div class="flip">
        <div class="flip-child">

            <div class="front">
                <img src="<?php ABSPATH; ?>/new/logo/logo.png" alt="front" />
            </div>

            <div class="back">
                <a href="<?php ABSPATH; ?>/new/menu.html"> <img src="<?php ABSPATH; ?>/new/logo/back.png" alt="back" /> </a>
            </div>

        </div>
    </div>
</div>
<?php endif; ?>

注意这依赖于可能被欺骗的用户代理。