解决html-jquery/js引用外部图片时遇到看不了或出现403的问题

更新时间：2017年09月22日 13:55:32 作者：小胡来生缘

下面小编就为大家带来一篇解决html-jquery/js引用外部图片时遇到看不了或出现403的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

解决方法如下所示：

<script type="text/javascript">
 function showImg(url) {
   var frameid = 'frameimg' + Math.random();
   window.img = '<img id="img" style="width: 100%;height: auto" src=\'' + url + '?' + Math.random() + '\' /><script>window.onload = function() { parent.document.getElementById(\'' + frameid + '\').height = document.getElementById(\'img\').height+\'px\'; }<' + '/script>';
   document.write('<iframe id="' + frameid + '" src="javascript:parent.img;" frameBorder="0" scrolling="no" width="100%"></iframe>');
   }
</script>

<div>
 <script type="text/javascript">showImg("图片url");</script>
</div>

本人已经测试通过了！

以上就是小编为大家带来的解决html-jquery/js引用外部图片时遇到看不了或出现403的问题的全部内容了，希望大家喜欢哦~

如果大家想了解更多游戏活动与游戏攻略，请持续关注本站，本站小编将在第一时间为大家带来最好看、最好玩、最新鲜的游戏资讯。更多精彩内容，尽在jb51游戏频道！

您可能感兴趣的文章:

Jquery组件easyUi实现手风琴(折叠面板)示例
这篇文章主要为大家详细介绍了Jquery组件easyUi实现手风琴示例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-08-08
jquery等宽输出文字插件使用介绍
使用jquery插件实现等宽输出文字，具体的调用及实现如下，感兴趣的朋友可以参考下，希望对大家有所帮助
2013-09-09
使用jQuery实现返回顶部
博客园是程序员们比较喜欢的聚集地，很多人喜欢发发心得，一直都觉着挺好的，但最不满意他的一点是，没有返回到顶部的功能，好吧，我们自己来添。
2015-01-01
jQuery采用连缀写法实现的折叠菜单效果
这篇文章主要介绍了jQuery采用连缀写法实现的折叠菜单效果,通过jQuery的连缀写法(又称链式操作)实现菜单折叠的显示效果,非常简单实用,需要的朋友可以参考下
2015-09-09
jQuery 判断图片是否加载完成方法汇总
有时候我们在前端开发工作中为了获取图片的信息，需要在图片加载完成后才可以正确的获取到图片的大小尺寸，并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的jquery判断图片加载完成时的方法
2015-08-08
详解闭包解决jQuery中AJAX的外部变量问题
这篇文章主要介绍了详解闭包解决jQuery中AJAX的外部变量问题的相关资料,需要的朋友可以参考下
2017-02-02
JQuery+div+css 无限级联树实现代码
JQuery+div+css 无限级联树实现代码，需要的朋友可以参考下。
2010-03-03
jQuery学习笔记之入门
本文主要对jQuery的基础知识进行介绍，非常适合刚开始接触JQuery学习的朋友们，下面就跟小编一起来看下吧
2016-12-12
jQuery中Ajax的load方法详解
本文重点个大家讲解了几个jQuery中ajax的load()方法的使用实例，load()方法是jQuery中最为简单和常用的Ajax方法，能远程载入HTML代码并插入DOM中
2015-01-01
jQuery EasyUI之验证框validatebox实例详解
本文通过实例代码给大家讲解了jQuery EasyUI之验证框validatebox知识，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
2017-04-04