onclick位置href无法使用php变量

时间:2016-08-19 13:11:05

标签: javascript php html css

我有一个带有涉及PHP变量的链接的按钮,但是当单击该按钮时,没有任何反应,并且我没有根据该链接进入新页面。我使用<a>标记而不是<button>标记测试了该链接,并且该链接有效。我是PHP的新手,所以任何建议都值得赞赏。

以下是代码:

<?php
   echo 
       '<button type="button" class="btn btn-secondary" id="btn" style="margin-left:0%;color:gray" onclick="location.href="' . $child_page . '"">
                        KEEP READING &nbsp;<span class="glyphicon glyphicon-chevron-right" style="color:gray"></span>
          </button>';


echo '<a href="' . $child_page . '">Link </a>';
?>

变量可能如下所示:/n/2/ar/并将如下应用:www.example.com/n/2/ar/。请注意,内联CSS仅用于测试目的。

5 个答案:

答案 0 :(得分:2)

引号有问题 试试这个:

<?php
$x = 'http://test.com';
$y = 'location.href="'.$x.'"';
  echo 
       '<button type="button" class="btn btn-secondary"
                id="btn" 
                style="margin-left:0%;color:gray" 
                onclick='.$y.'>
                        KEEP READING &nbsp;
               <span class="glyphicon glyphicon-chevron-right" style="color:gray"></span>
               </button>';

?>

答案 1 :(得分:1)

引号存在问题。没有别的 使用此:

echo 
       '<button type="button" class="btn btn-secondary" id="btn" style="margin-left:0%;color:gray" onclick=location.href="'.$child_page.'">
                        KEEP READING &nbsp;<span class="glyphicon glyphicon-chevron-right" style="color:gray"></span>
          </button>';

答案 2 :(得分:0)

您的开始标记看起来有问题。代码

$child_page = '/n/2/ar/';
echo '<button ... onclick="location.href="' . $child_page . '"">';

渲染

<button ... onclick="location.href="/n/2/ar/"">

浏览器将其理解为

<button ... onclick="location.href=" /n/2/ar/ "">

所以位置是空的。 请尝试将网址换成单引号:

$child_page = '/n/2/ar/';
echo '<button ... onclick="location.href=\'' . $child_page . '\'">';

答案 3 :(得分:0)

如果您以双引号而不是单引号开头,可以这样做:

$child_page = 'this.html';

echo "<button type='button' class='btn btn-secondary' id='btn' style='margin-left:0%;color:gray' onclick=\"location.href='$child_page'\">
                    KEEP READING &nbsp;<span class='glyphicon glyphicon-chevron-right' style='color:gray'></span>
      </button>";


echo "<a href='$child_page'>Link </a>";

双引号允许您按原样放置变量,而使用单引号则需要执行额外的步骤。

答案 4 :(得分:0)

试试这个

<div class="demo">
    <p>Available Boxes (click to select multiple boxes)</p>    
    <ul id="draggable">
        <li>Box #1</li>
        <li>Box #2</li>
        <li>Box #3</li>
        <li>Box #4</li>
    </ul>

    <p>My Boxes</p>
    <ul id="droppable">
    </ul>

</div>