从onClick获取URL用于抓取目的

Question

必须自动化从网站获取特定URL的日常任务。所以想创造一个刮刀来完成这项工作。但在我想从div内部的onClick函数中获取url的时候

• 这是我用来获取目标的html的选择器

const htmlString1 = $('div[id="download_link"] > a').html()

我得到的结果是

<div onclick="openInNewTab('https://example.com/');" class="btn btn-sm btn-outline" style="background-color:#18bc9c;color:white;">
<i class="fa fa-download"></i> ⚡Get The File⚡ <i class="fa fa-download"></i>
</div>

• 我只想从上面的HTML中获取URLhttps://example.com

提前感谢：(

Answer 1

这有点难看，但它很有效，你只有两个单引号，所以你可以把它拆分，然后取数组中的第二个元素。

const url = $('#download_link').html().split("'")[1];

console.log(url);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="download_link">
<div onclick="openInNewTab('https://example.com/');" class="btn btn-sm btn-outline" style="background-color:#18bc9c;color:white;">
<i class="fa fa-download"></i> ⚡Get The File⚡ <i class="fa fa-download"></i>
</div>
</div>

Answer 2

将HTML更改为以下内容：

<div onclick="getURL('https://example.com/');" class="btn btn-sm btn-outline" style="background-color:#18bc9c;color:white;">
<i class="fa fa-download"></i> ⚡Get The File⚡ <i class="fa fa-download"></i>
</div>

然后你的js看起来是这样的：

function getURL(url)
{
console.log(url);
//put your code here to do what you want with var url
}

工作示例：https://codepen.io/fraggley/pen/eYpMEzv