如何让页面先加载javascript，然后只加载php？

Question

<script type="text/javascript">
function run()
{
  var paper = Raphael( $('.wrapper')[0], 600, 600 ),

       path = paper.path( Raphael.transformPath(pdefs[useDef].path, pdefs[useDef].transform) )
                   .attr( 'stroke-width', 10 )
                   .attr( 'stroke', 'rgb(80,80,80)' ),

    $shim = $('<div id=\'shim-1\'><img src=images/buttons/photo.png></div>') //How to use php assign this line?
}

$(function() {
    run();
});
</script>

我想用php在上面写一行代码：$shim = $('<div id=\'shim-1\'><img src=images/buttons/photo.png width=75px height=75px></div>')。我可以编写如下代码吗？ ：

    <script type="text/javascript">
    function run()
    {
      var paper = Raphael( $('.wrapper')[0], 600, 600 ),

           path = paper.path( Raphael.transformPath(pdefs[useDef].path, pdefs[useDef].transform) )
                       .attr( 'stroke-width', 10 )
                       .attr( 'stroke', 'rgb(80,80,80)' ),
    </script>

    <?php
     Use mysql get data from database...
     if (condition) {
    ?>
     <script type="text/javascript"> $shim = $('<div id=\'shim-1\'><img src=images/buttons/photo.png width=75px height=75px></div>') </script>
    <?php
     }
    ?>
    <script type="text/javascript">
    }

    $(function() {
        run();
    });

    </script>

但我认为页面会先加载php，这意味着$shim将首先分配，然后才开始执行javascriptfunction run()。这样，$shim就会在javascriptfunction run()之外，如何使用php将$shim赋值给javascriptfunction run()呢？

我发现了实际情况。问题实际上是我在启动 php 标签<?php 之前关闭了javascript 标签</script>。其实我可以直接启动 php 标签而不用关闭 javascript 标签。例如，<script type="text/javascript"> Java codes here... <?php php codes here.... ?>

<script type="text/javascript">
function run()
    {
       var paper = Raphael( $('.wrapper')[0], 600, 600 ),

               path = paper.path( Raphael.transformPath(pdefs[useDef].path, pdefs[useDef].transform) )
                           .attr( 'stroke-width', 10 )
                           .attr( 'stroke', 'rgb(80,80,80)' ),

        <?php
         Use mysql get data from database...
         if (condition) {

     $shim = $('<div id=\'shim-1\'><img src=images/buttons/photo.png width=75px height=75px></div>') 
        <?php
         }
        ?>

        }

        $(function() {
            run();
        });
</script>

实际上如何调用这个问题？我认为这个问题与javascript之前的php加载无关......

Answer 1

请考虑一下大概会发生什么：

• 浏览器（客户端）通过网络向 Web 服务器发送对某个 URL 的请求。
• Web 服务器运行分配有 URL 的 PHP 脚本并生成 HTML 页面（包括 JavaScript 源、CSS 等）。
• 此页面通过网络进入客户端。
• 客户端解析 HTML、CSS 和 JavaScript。

因此，在服务器上执行 PHP 之后，在客户端上执行 JavaScript。

现在到你的详细问题，在我看来你只是想要

function run() {

  var paper = Raphael( $('.wrapper')[0], 600, 600 ),
      path = paper.path(
             Raphael.transformPath(pdefs[useDef].path,
                                   pdefs[useDef].transform))
             .attr( 'stroke-width', 10 )
             .attr( 'stroke', 'rgb(80,80,80)' );

  // string broken into three strings to avoid scrolling 
  $shim = $('<div id=\'shim-1\'>' +
          '<img src=images/buttons/photo.png ' + 
          'width=75px height=75px></div>'); 
}