javascript - 如何使用 JavaScript 单击表格内的 anchor 标记

标签 javascript html swift web-scraping anchor

我正在开发一个 iOS 应用程序,其中有一个查看日历的选项。用户可以查看今天日历上的内容,但如果用户想查看日历前一天或第二天的内容,则他不能,因为没有相应的功能。该网站的开发者不提供API。所以我必须抓取元素才能获取信息。我发现网站上有一个表格,用户可以在其中选择要前往的日期。但我不确定如何评估此任务的 javascript。我试图传递一个用户选择的数字,并有一个 javascript 字符串来评估 javascript 的字符串。有没有办法选择 anchor 标记然后单击?谢谢。

这是代码。

<table class="ui-datepicker-calendar">
  <thead>
    <tr>
      <th class="ui-datepicker-week-col">Wk</th>
      <th scope="col"><span title="Monday">Mo</span></th>
      <th scope="col"><span title="Tuesday">Tu</span></th>
      <th scope="col"><span title="Wednesday">We</span></th>
      <th scope="col"><span title="Thursday">Th</span></th>
      <th scope="col"><span title="Friday">Fr</span></th>
      <th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
      <th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="ui-datepicker-week-col">6</td>
      <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">1</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">2</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">3</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">4</a></td>
      <td class=" ui-datepicker-week-end ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today"
        data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default ui-state-highlight ui-state-active" href="#">5</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">6</a></td>
    </tr>
    <tr>
      <td class="ui-datepicker-week-col">7</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">7</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">8</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">9</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">10</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">11</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">12</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">13</a></td>
    </tr>
    <tr>
      <td class="ui-datepicker-week-col">8</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">14</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">15</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">16</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">17</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">18</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">19</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">20</a></td>
    </tr>
    <tr>
      <td class="ui-datepicker-week-col">9</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">21</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">22</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">23</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">24</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">25</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">26</a></td>
      <td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="9" data-year="2019">
        <a class="ui-state-default" href="#">27</a></td>
    </tr>
    <tr>
      <td class="ui-datepicker-week-col">10</td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">28</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">29</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">30</a></td>
      <td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2019"><a
          class="ui-state-default" href="#">31</a></td>
      <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
      <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;
      </td>
      <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;
      </td>
    </tr>
  </tbody>
</table>

最佳答案

我之前曾在一个网站上这样做过,以防止人们抓取该网站。我所做的与此类似,其中 anchor href 正在重定向页面。但我使用了一个单击事件来获取 anchor 内部的文本值,并且使用 JavaScript 函数来从 anchor 传递的值中显示我想要的数据。使用开发人员工具查看页面的行为方式。对我来说,我会查看 javascript 文件。

关于javascript - 如何使用 JavaScript 单击表格内的 anchor 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58249507/

相关文章:

javascript - 模板驱动的“起始日期”和“截止日期”表单验证

javascript - Angular 变化检测zone.js

javascript - 需要使用兄弟选择器切换/删除类

javascript - 新生成的 ul li 输入值没有被插入航点数组/不使用谷歌地图位置自动完成

javascript - 按下某个键时如何使用 JavaScript/HTML/CSS 加载新页面?

ios - 最佳方法 : Swipe between scrollable views or view controllers

ios - 我可以在不将联系人保存到 contactStore 的情况下使用 View CNContactViewController 吗?

swift - 如何将 UITableView 作为 subview 添加到 xib 中的 UIView?

javascript - Jasmine angularjs - 监视 Controller 初始化时调用的 Angular 本地存储方法

javascript - 我可以在长度仅为 4 的数组的索引 6 中插入一个值吗?