javascript – 在IE 7中,如果链接是使用jQuery创建的,如何获取链接的href属性的文字值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在IE 7中,如果链接是使用jQuery创建的,如何获取链接的href属性的文字值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1258字，纯文字阅读大概需要2分钟。

内容图文

如果HTML中有常规链接,则可以使用jQuery的attr函数获取其href属性的值：

<a id="testLink" href="test/link.html">Test Link</a>`

>>> $('#testLink').attr('href');
testLink.html

例：

> http://jsfiddle.net/63RsQ/1/

但是,如果链接是使用jQuery创建的,那么在IE 7中,如果单击链接(例如https://stackoverflow.com/questions/ask/testLink.html),此函数将返回浏览器将访问的绝对URL,而不是href属性的文字值.

例：

> http://jsfiddle.net/xtrEB/10/

我也试过这个,this.href和this.getAttribute(‘href’),它们都返回一个绝对的URL.

有没有办法获取IE 7中由jQuery创建的链接的href属性的文字值？

解决方法:

如果您以jQuery被强制使用.innerHTML的方式创建链接,它将无法正常工作并记录在：http://api.jquery.com/html/(也是http://api.jquery.com/jQuery/#creating-new-elements)：

This method uses the browser’s innerHTML property. Some browsers may
not generate a DOM that exactly replicates the HTML source provided.
For example, Internet Explorer prior to version 8 will convert all
href properties on links to absolute URLs, and Internet Explorer prior
to version 9 will not correctly handle HTML5 elements without the
addition of a separate compatibility layer.

要修复它,请以不强制jQuery使用的方式创建链接.innerHTML：

$('#test').append( $("<a>", {href: "test/link.html", text: "Test Link"}));

http://jsfiddle.net/xtrEB/12/

内容总结

以上是互联网集市为您收集整理的javascript – 在IE 7中,如果链接是使用jQuery创建的,如何获取链接的href属性的文字值？全部内容，希望文章能够帮你解决javascript – 在IE 7中,如果链接是使用jQuery创建的,如何获取链接的href属性的文字值？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端