javascript - 在 javascript 中执行包含 php 代码的 html block

Question

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

javascript block 用于判断浏览器，如果浏览器不是IE，javascript将执行包含php的html block

这是 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 block ，该怎么办？

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; 样式)。

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