如何在网站上自动选择选项卡

时间:2017-05-23 20:30:25

标签: tabs web selection

这是我尝试访问的网站。我不想要默认选项卡(Day),我想选择Season选项卡

https://www.eex.com/en/market-data/power/futures/uk-financial-futures#!/2017/05/23

就我所知,无论选择哪个标签,链接似乎都是完全相同的。

对于这方面的任何帮助都会非常感激,使用适当的编程方法和语言。

亲切的问候

巴里沃尔什

1 个答案:

答案 0 :(得分:0)

URL不会更改,因为这是一个ajax请求,您可以从MarketDataTableAController的getPageData函数中看到该请求。你可以在这里阅读https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started

我已经检查了你的HTML,你似乎正在使用角度。在进一步的检查中,您可以看到选项卡上有ng-click =“setActiveTab(tab)”属性。因此,无论何时用户点击,都会执行此功能。使用此函数与相应的选项卡对象来获取要更改的内容是一个问题。例如,您可以将setActiveTab(tab)放入控制器init方法,因为setActiveTab()调用前面提到的getPageData()函数来更新页面。

您正在寻找的标签是page.tabs [5](如果从TabController引用,则为$ parent.page.tabs [5]),因为这是带有季节标签的标签。将它传递给setActiveTab(),它应该显示你的季节。

然而,这可能不是一个好的解决方案,因为选项卡数组排序可能会改变。然后你需要遍历page.tabs中的所有对象,看看tab.label ===“Season”并在函数中传递它,或者更好地使用angular提供的$ filter服务,看起来更干净。 / p>

您的代码源似乎也被最小化,并且不容易阅读。