Google"密码如何重置"页面将div标签变成链接?

时间:2016-02-13 03:23:45

标签: javascript html css google-chrome

我试图编写一个脚本来自动提交表单,但这个页面让我受阻。

我的脚本可以找到并填写输入,但是没有提交按钮,只有包含文本的div块。 div块中甚至没有标签,也无法在页面的css代码中找到任何网址,因此我学习将div标签转换为链接的方式都不适用。< / p>

为了清楚起见,页面是

LinkedList

2 个答案:

答案 0 :(得分:1)

这很容易,只需要一点CSS和Javascript或jQuery,是的,谷歌使用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>

答案 1 :(得分:0)

您可以使用

    (<button type="button" onclick="validator goes here">Click here</button>)

这是一个按钮,替换验证器在这里回答上面的答案。