如果网页中有多个超链接,我如何使用JavaScript识别它们?另外,如何将超链接的内容存储在变量中,以便存储在变量中的数据将用于查询数据库并在另一个网页中填充结果?
例如,网页上有很多链接,如
<a href="update.php">text 1</a>.
<a href="update.php">text 2</a>
<a href="update.php">text N</a>
用户可以单击网页中的任何一个超链接。如果用户单击超链接'text4',text4
应保存在变量中。然后将变量值传递给update.php,其中使用语句SELECT text4 from table sometable
查询数据库并填充结果。
答案 0 :(得分:6)
最简单的方法就是写下这样的href:
<a id="text1" href="update.php?q=text1">text 1</a>
<a id="text2" href="update.php?q=text2">text 2</a>
.
.
<a id="textN" href="update.php?q=textN">text N</a>
然后在php(或其他服务器端语言中的等价物)中阅读$_GET['q']
并相应地构建SQL。
要使用javascript识别超链接,您可以使用多种方法。我建议使用document.getElementById
。例如,如果您使用id的text1,text2 .... textN识别超链接,那么您可以使用以下命令在javascript中识别它们:
var text1 = document.getElementById('text1');
var text2 = document.getElementById('text2');
.
.
var textN = document.getElementById('textN');
然后你可以处理这些text1,text3 ..... textN相应的
答案 1 :(得分:2)
您也可以使用jQuery:
<div id="myLinks">
<a href="update.php">text 1</a>.
<a href="update.php">text 2</a>
<a href="update.php">text N</a>
</div>
使用Javascript:
$("#myLinks a").click(function(event){
event.preventDefault();
var currentLink = $(this).text();
alert(currentLink);
});