使用jquery[关闭]创建HTML链接

$("a").attr("href", "http://www.yoursite.com")

这将设置 href 所有的属性 a 标签。

或

$("#myid").attr("href", "http://www.yoursite.com/")

如果你准备好了 id=myid 对于 一 标签。

确保在代码中添加jquery。

查询

var $link = $("<a></a>");                          // Creates the link element.
$link.attr("href", "https://WhateverYouWant.com"); // Sets the href attribute to a particular link.
$("body").append($link);                           // Adds the link to the bottom of your page.

javascript

var link = document.createElement("a");                      // Creates the link element.
link.setAttribute("href", "https://WhateverYouWant.com");    // Sets the href attribute to a particular link.
document.getElementsByTagName("body")[0].appendChild(link);  // Adds the link to the bottom of your page.

如果你想把当前的页面URL放到链接中,你只需要抓住它。

var pageUrl = window.location.href;
var newLink = '<a href="'+ pageUrl +'"><img src="myimage.jpg" /></a>';

//do whatever you want with newLink

只要你点击例子中的按钮,你就会得到图片链接:)享受吧!

$( '#myButton' ).click( function() {

  $('img').each( function(i,e) {
    let link = document.createElement('a');
    $(link).attr('href', $(e).attr('src'));
    $(link).append( $(e).clone() );
    $(e).replaceWith( link );
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<img src="http://via.placeholder.com/100x200">
<img src="http://via.placeholder.com/200x200">
<img src="http://via.placeholder.com/300x200">
<br/>
<button id="myButton">Make links for images!</button>

如果要在页面加载时使用链接装饰图像,请使用 img each 在 $(document).ready(function...)