如果没有a-html-tag,这些可点击的html项目如何变为可点击?

时间:2012-01-09 00:21:58

标签: javascript html

我正在尝试了解现有的网站。该网站似乎是使用php,javascript和html构建的。生成的html页面中的一个表包含许多玩家,包括排名,名称,俱乐部等。玩家名称是可点击的,点击将提供有关该玩家的更多信息。我只是不明白为什么名称是可点击的,以及说明点击时应该发生什么的代码,因为表中没有a-html-tag等。必须有一些php / javascript / html魔法在这里工作,我不明白。

以下是该表的html代码的摘录,适用于500名玩家中的第一名,其中玩家名称“Persson,Jörgen”将变为可点击。

  <table>
        <tr><td colspan='2'>Placering</td><td>Namn</td><td>Född</td><td>Klubb</td><td colspan='2'>Poäng</td></tr>

<tr><td class='hoyre'>WR43 1</td><td>(1)</td><td><span class='rml_poeng' id='rml:41118:159:0'>Persson, Jörgen</span></td>
        <td>1966</td><td>Halmstad BTK</td><td class='hoyre'>2516</td><td>(-22)</td></tr>

到达网站和表格:
*转到http://www.cupassist.com/pa/login.php
*单击蓝色和黄色徽标,文本为“SVENSKABORDENBFISRÖRBUNDET” *点击“排名”
*点击“Listor”

现在你应该看到500名玩家的名单。您现在可以显示此页面的页面源,以查看上面摘录的完整代码。

1 个答案:

答案 0 :(得分:2)

JavaScript用于将click事件处理程序绑定到元素(在本例中,所有span元素都带有名为rml_poeng的类:

'span.rml_poeng' : function(element)
{
    element.onclick = function(e)
    {

        id = this.id;
        vis_poengdet(e, id);
    } 
}

其中一个可点击单元格的示例:

<span class="rml_poeng" id="rml:41118:159:0">Persson, Jörgen</span>

JavaScript使用一些似乎被称为behaviour.js的库,它允许使用CSS样式选择器选择DOM元素(就像jQuery一样)。

您可以进一步挖掘以查找vis_poengdet函数的实现。只需使用Firebug或Chrome开发人员工具。