JavaScript控制台打印图片/超链接

JavaScript控制台打印图片/超链接打印图片 代码实现 打印一张图片 console log c margin 8px font size 80px background url https 6368 chengqige 7gunki87efec tcb qcloud la E5 B9 BF E5 91 8A JS jpeg no repeat background size 100 console 效果 打印超链接 console log c 大前端工程师的博客

打印图片:

代码实现:

//打印一张图片 console.log(`%c `,`margin:8px;font-size:80px;background:url(https://6368-chengqige-7gunki87efeca981-.tcb.qcloud.la/%E5%B9%BF%E5%91%8A/JS.jpeg) no-repeat;background-size: 100%;`) 

console效果:

JavaScript控制台打印图片/超链接

打印超链接:

console.log("%c大前端工程师的博客: https://blog.csdn.net/chengqige ","color:orangered;font-weight:bolder") 

console效果
JavaScript控制台打印图片/超链接

控制台广告:

完整代码:

  <html> <head> <meta charset="utf-8"> <title>程序员广告 
     title> <style> details{ 
      width: 600px; } details summary{ 
      background-color: yellowgreen; font-size: 18px; font-weight: bold; cursor: pointer; padding: 10px; } details figure{ 
      width: 600px; min-height: 400px; margin: 0; border: 1px solid #000000; }  
      style>  
       head> <body> <details open> <summary>程序员广告 
        summary> <figure> <img src="https://6368-chengqige-7gunki87efeca981-.tcb.qcloud.la/%E5%B9%BF%E5%91%8A/JS.jpeg" width="300"/> <figcaption style="width:300px;text-align: left;font-weight: bold;font: 'microsoft sans serif';">JavaScript 
         figcaption>  
          figure>  
           details> <h3>请按下F12打开控制台 
            h3>  
             body> <script> console.log(`%c `,`margin:8px;font-size:80px;background:url(https://6368-chengqige-7gunki87efeca981-.tcb.qcloud.la/%E5%B9%BF%E5%91%8A/JS.jpeg) no-repeat;background-size: 100%;`) console.log("%c大前端工程师的博客: https://blog.csdn.net/chengqige ","color:orangered;font-weight:bolder")  
              script>  
               html> 

效果:

JavaScript控制台打印图片/超链接

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/178108.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午6:00
下一篇 2026年3月26日 下午6:00


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号