Question

您知道可以通过互联网控制的网络摄像头吗？按下按钮向左移动时，它向左移动..但页面上没有其他任何内容。这就是我需要创建的内容。

我有一个页面可以控制我家里的灯光。当我点击按钮时，我现在让它在一个单独的框架中加载php脚本（控制灯光）..但我想摆脱这个。所以基本上我想创建一个将在后台调用php的链接，但该链接不会对其所在的页面执行任何操作。

有什么想法吗？

Answer 1

在`return false;`事件中使用`click`：

<a href="#" onclick="return false;">Not Follow the Link</a>

解释

事件处理程序的返回值确定是否也应该发生默认浏览器行为。在单击链接的情况下，这将在链接之后，但在表单提交处理程序中最明显的区别是，如果用户输入信息时出错，您可以取消表单提交。

实现此效果的现代方法是致电event.preventDefault()，这在the DOM 2 Events specification中指定。

Answer 2

你在谈论javascript，创建一个onclick事件/函数并在特定的DIV区域实现AJAX

请检查一下： http://www.w3schools.com/ajax/ajax_examples.asp

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
//You need `ajax_info.txt` file with some content
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>

Answer 3

您需要使用ajax来实现此类行为。

不执行任何操作的链接基本上是HTML链接，您可以将onclick事件绑定到返回false的JavaScript函数。这使得链接“什么都不做”但仍然执行JavaScript，告诉相机左/右。

Answer 4

HTML 5让你正式使用没有href属性的锚元素。但我只是将Javascript事件监听器绑定到您已有的任何元素。我甚至会使用Javascript将这些交互元素本身添加到DOM中，因为如果用户禁用了JS，它们就无法用于任何目的。

Answer 5

您需要Ajax从PHP检索数据而不加载其他页面。

要“禁用”链接：

<a href="javascript: myFunction(); return false;">Link</a>

或者：

<a href="#" onclick="myFunction(); return false;">Link</a>

或者只是编写一个普通链接并使用jQuery（或其他库）来添加事件：

$('a').click(function(event) {
    // the code with ajax
    event.preventDefault();
});

Answer 6

<a href="#" onclick="function()">...</a>

会为您提供看起来像链接的文字。

如果它不是真正的链接，您可能希望考虑使用不同类型的样式来强调该点，以便其他带下划线的链接显示为链接，这显示为其他内容。一切都取决于您的需求和情况。

Answer 7

我喜欢jquery ......

您会注意到onclick函数返回false。这是为了阻止链接工作...

<a onclick="do_it(this)" ...

然后在你的js

function do_it(anchor)
{
jQuery.ajax(
    {
            url     : anchor.get_attribute('href'),
            data    : {whatever},
            type    : 'POST',
            success : function(data)
            {
                alert('woo');
            }
    }
)
return false;
}

我在这里做的几乎是：

因此，当点击锚点时，jquery POST到锚点的url。如果需要，您可以包含数据。这是异步发生的，所以在jQuery获得响应html（或其他）之前，页面上没有任何反应。如果你想对响应做任何事情，你可以在成功函数中掌握它。

当函数返回时，它返回false，从而阻止锚执行通常的操作。

Answer 8

您可以使用以下jquery解决方案：

HTML：

<a href="your_page.php" id="link1">Move lights to left</a>

JQUERY：

<script type="text/javascript">
   $(document).ready(function() {
      $('#link1').click(function(e) {
         e.preventDefault();
         $.ajax( $(this).attr('href') );
      });
   });
</script>

Answer 9

不敢相信没有人发布这个。只需使用javascript void：

<a href="javascript:void(0)" onclick="doWhateverFunction(this)">some click function</a>

这是本书中最古老的技巧之一！

如何创建不遵循链接的HTML链接？

9 个答案:

在`return false;`事件中使用`click`：

解释

如何创建不遵循链接的HTML链接？

9 个答案:

在return false;事件中使用click：

解释

在`return false;`事件中使用`click`：