小例子-使用JS/JQ获取a标签的href网址
2021-04-24 23:32
标签：doc query 百度网 div 不可 cti 打开 www http 最初的想法只是想要添加一个点击事件就可以跳到设定的窗口。 本身就是把window.location.href = href添加进事件里面就可以解决了。后面自己把自己搞糊涂了。 点击跳转到百度 我把a标签嵌套在div里面，之后通过点击事件点击p标签“跳转到百度”这个按钮来获取href，之后通过新窗口打开百度网址，进入百度。 以下是使用到的JS代码和JQ代码 其实还有一个方法可以在原来的窗口打开新的网页 求大佬解答一个问题 小例子-使用JS/JQ获取a标签的href网址 标签：doc query 百度网 div 不可 cti 打开 www http 原文地址：https://www.cnblogs.com/yohe/p/12231564.html
这里主要是说使用JS和JQ获取a标签的href网址，使用比较简单，基本就是拿来用就可以了。
先看看html部分的代码 // 使用Js获取
document.querySelector('#p').onclick = function () {
var ahref = document.querySelector('#demo');
window.open(ahref);//在新窗口打开
window.location.href = ahref;//在原来窗口打开
}
// 使用JQ获取
$('#p').click(function () {
var hreF = $(this).prev().find('#demo').attr('href');
window.open(hreF);//在新窗口打开
window.location.href = hreF;//在原来的窗口打开
})
和这个一样window.location.href = hreF
这个方法是window.location.replace(hreF)
都是在原来的窗口打开新的窗口，但是前者在打开新窗口之后可以返回，但是后者就不可以返回了。
为什么我在服务器上面获取到地址后使用window.location.href = hreF打开不了新的窗口。
但是使用这个之后window.location.replace(hreF)就可以打开新的窗口呢
上一篇：js中的4种循环结构
文章标题：小例子-使用JS/JQ获取a标签的href网址
文章链接：http://soscw.com/index.php/essay/79162.html