时间戳

首页 > 解决方案 > 将 php 变量回显到 javascript 不起作用

javascript - 将 php 变量回显到 javascript 不起作用

问题描述

我试图在 javascript 代码中回显 PHP 变量，但它不起作用。

我想从 id 标识的链接顶部获取位置，然后提醒它。当我在 document.querySelector() 的括号中键入“#edit5”时，它工作正常。顶部的位置被警告。但是，如果我使用 PHP 回显而不是键入“#edit5”，则会收到 document.querySelector 为 NULL 的错误。但是，当我检查代码时，PHP 显示的字符串是“#edit5”。所以它应该工作。但事实并非如此。有谁知道我怎样才能让它工作？

<?php $edit = "#edit" . $_GET['edit']; ?>

<script>
var position= document.querySelector("<?php echo $edit; ?>").getBoundingClientRect().top;
alert(position);
</script>

标签： javascriptphp

解决方案

<?php $edit = "#edit" . $_GET['edit']; ?>
<html>
<head>
<title>The title</title>
</head>
<body>
<div id="edit5">Edit5</div>
<script>
  var position = document.querySelector("<?php echo $edit; ?>").getBoundingClientRect().top;
  alert(position);
</script>
</body>
</html>

将您的内容包装script在html上下文中，然后会弹出警报。

推荐阅读