1

我想href在标签中显示链接，<div id="display"></div>所以当我按下菜单或列表中的任何内容时，它只会在 div 中display以id. 我已经完成了这样的菜单

<div class="menu">
    <a href="http://stackoverflow.com" onkeydown="myFunc()">HOME</a>
</div>
<div id="display"></div>

我的JavaScript是这样的

$('#display').html($('.menu a').html());

我对javascript不太了解，但我认为javascript代码实际上是错误的，如果有人能帮助我，我将不胜感激。

4

5 回答 5

3

我想显示href

您需要获取href可以使用的属性.prop()

$('#display').html($('.menu a').prop('href'));

演示

于 2013-10-08T14:38:58.123 回答
2

如果您的意思是检索页面并将其放在 div 中：

// bind click event to all anchors within .menu
$('.menu a').click(function(e){
  // fetch the page using AJAX and place the results in #display
  $('#display').load(this.href);
  // prevent navigating away from the page (default action of anchor)
  e.preventDefault();
});

（或者也许只是我，但这个问题似乎很难理解。：耸耸肩：）

于 2013-10-08T14:42:08.037 回答
1

我们可以使用 iframe 在<a>标签中显示链接。

这是一个小提琴

于 2013-10-08T14:49:27.743 回答
1

这是我的版本...

HTML

<div class="menu">
  <a  id="xxx" href="http://stackoverflow.com" onkeydown="myFunc()">HOME</a>
</div>
<div id="display"></div>

JS

$(document).ready(function() {  
  var data = $("a#xxx").attr("href");
  $('#display').html(data);
});
于 2013-10-08T14:53:10.937 回答
1 
$('.menu a').on('click',function(e){
  e.preventDefault(); //this will keep your link from loading
  var href = $(e.currentTarget()).attr('href');
  $('#display').html(href);
});
于 2013-10-08T14:41:18.683 回答