javascript - Google的 "password reset"页面如何将div标签做成链接？

Question

我正在尝试编写一个脚本来自动提交表单，但是这个页面让我受阻。

我的脚本可以找到并填写输入，但没有提交按钮，只有一个包含文本的 div block 。 div block 中甚至没有标签，我也无法在该页面的 css 代码中找到任何 url，因此我学到的将 div 标签转换为链接的方法均不适用。

为了清楚起见，页面是

https://myaccount.google.com/security/signinoptions/password?[more, apparently random but probably personal, information]

Answer 1

这很简单，只需一点 CSS 和 Javascript 或 jQuery，是的，Google 正以某种方式使用 CSS 和 Javascript 制作 <div>看起来像一个链接<a> .

//regular, good old javascript, no jQuery
document.addEventListener("DOMContentLoaded", function(event) { 
  document.getElementById('clickableDiv').onclick = divClicked; //assign a function to to action on onclick events for the div element with id = clickableDiv
});


function divClicked() {
    var url = this.getAttribute("data-href"); //this is the element in the DOM clicked
    alert('I have been clicked and I will go to page: ' + url + ' if you uncomment the next line of code');
    //window.location.href = url;
}

/*
jQuery example
$(function(){
  $('#clickableDiv').on('click', function() {
    var url = $(this).data('href');
    alert('I have been clicked and I will go to page: ' + url + ' if you uncomment the next line of code');
    //window.location.href = url;
  });
});*/

.clickable {
  cursor: pointer;
  text-decoration: underline;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="clickableDiv" class="clickable" data-href="myurl" tabindex="1">Click Me</di>