jquery怎么获取a标签的href

jquery怎么获取a标签的href,第1张

回答:<a href="aaaaaa" id='hh'></a>

var p = $('#hh')attr('href');

consolelog(p);

jQuery:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

1、通过js代码根据标签名a得到所有超链接标签的JavaScript对象

2、遍历存储超链接对象的数组

3、取出每一个对象,取出其href属性即可

<a href="indexhtml">首页</a>

<a href="detailhtml">商品信息</a>

<a href="carthtml">购物车</a>

<script type="text/javascript">

    var items=documentgetElementsByTagName("a");

    for(var i=0;i<itemslength;i++){

        var obj=items[i];

        alert(objhref);

    }

</script>

这篇文章主要介绍了Javascript中使用A标签获取当前目录的绝对路径方法,本文讲解的方法比较特别,需要的朋友可以参考下

一谈到路径相关的问题,大家都会往windowlocation上想,确实这个对象提供了相当多的路径信息,其中常用的就包括:

1locationhref:当前页面的完整URL

2locationpathname:当前URL中的路径名

3locationhash:当前URL中的锚点

4locationsearch:当前URL中的查询参数

然而,location没有一个属性能直接获得当前目录(不含文件名)的绝对路径。通过Google我发现了一些错误的方法,比如说把URL通过“/”分离成数组,把数组的最后一项去掉以后再连接成字符串。但如果URL中没有指定文件名,结果就大错特错了。

根据以往编码的经验,a元素的href属性总是会返回绝对路径,也就是说它具有把相对路径转成绝对路径的能力。使用下面的代码尝试了一下,果然成了:

代码如下:

var

a

=

documentcreateElement('a');

ahref

=

'/';

alert(ahref);

a

=

null;

很不幸地,此方法在老旧的IE

6/7下无效,当执行alert(ahref)时,d出的仍然是“/”。后来,我发现在Stackoverflow上也有人提出了这个问题,而解决方法也是很简单的,只要把a通过innerHTML注入就可以了:

代码如下:

var

div

=

documentcreateElement('div');

divinnerHTML

=

'<a

href="/"></a>";

alert(divfirstChildhref);

div

=

null;

有人可能会问:为何不用正则表达式?我的答案是:要考虑有无文件名的情况、有无锚点的情况、有无查询参数的情况,这条正则表达式可能会挺复杂的。

js获取名称

<img id="image01" src="images/default/logogif" />

<script type="text/javascript">

var s=documentgetElementByIdx_x_x_x("image01")src;

alert(ssubstring(slastIndexOf("/")+1)); --lastindexof()找到所要找的字符的位置,

--substring()获取指定位置以后(从左向右)的字符值

--这句话得到的值为logogif

</script>

以上就是关于jquery怎么获取a标签的href全部的内容,包括:jquery怎么获取a标签的href、JavaScript获取链接<a></a> 中的值、Javascript中使用A标签获取当前目录的绝对路径方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9596268.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存