javascript - 将值发送到 Javascript 函数以在元素中显示

Question

我有这个

<a href='#?title=sample&url=sample.com'></a>

在我放置的同一页上

$title = $_GET['title'];
$url = $_GET['url'];

但它不传递值。代码有什么问题吗？请帮忙!

注意:我不想重新加载页面，这就是为什么我放了#，因为在后面的部分我将调用一个javascript函数onclick

这是函数调用 onclick

<script language="JavaScript">
function overlay() {
el = document.getElementById("overlay");
el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}
</script>

其中元素“overlay”必须包含

的值

$title = $_GET['title'];
$url = $_GET['url'];

Answer 1

我认为您需要从 URL 中删除哈希 (#)。如果您的 URL 中需要哈希标记，则它必须位于 URL 的末尾:

mydomain.com?id=1#tag

如果您将哈希值放在查询字符串之前，那么您基本上是在告诉浏览器查找名为“?title=sample&url=sample.com”的元素/目标，它可能不喜欢它。

对于您更新的问题:

我认为您最好使用链接来调用您的 javascript 函数，而不是像您那样将查询字符串值添加到您的 URL 中。为了使 PHP 能够获取这些值，页面必须重新加载/向服务器发送请求。如果您不想重新加载页面，我建议您将链接更改为:

<a onclick="overlay('This is the title','www.domain.com')">

然后有一个函数:

function overlay(theTitle, theURL) {
  el = document.getElementById("overlay");
  el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
  el.innerHTML = theTitle+'<br>'+theURL;
}

这意味着您无需刷新页面即可获取所需的值。