前端“查看原图”实用js代码:获取内容指定图片地址并赋值给超链接

2018-06-2713:46:50WEB前端开发Comments2,789 views字数 274阅读模式

获取内容指定图片地址,赋值给超链接。多用在前端“查看原图”交互。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/3842.html

代码结构如下
<a id="showpic" style="width: 72px;">查看原图</a>
<script type="text/javascript">
var PicUrl = $("#efpBigPic img").attr("src");
$("#showpic").attr("href",PicUrl);
</script>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/3842.html

解释:
<a id="showpic" style="width: 72px;">查看原图</a> //定义一个链接文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/3842.html

#efpBigPic //为要获取地址的图片外部容器ID文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/3842.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/3842.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定