如何在html里调用javascript函数

1. a href="javascript:js_method()"

这是平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句

2. a href="javascript:void(0)" onclick="js_method()"

这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个 *** 作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

3.a href="javascript:" onclick="js_method()"

这种方法跟跟2种类似，区别只是执行了一条空的js代码。

4.a href="#" onclick="js_method()"

这种方法也是网上很常见的代码，#是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、将html中的函数封装到index.js文件中。

3、在index.html中的<script>标签，引入提取封装的js文件，并输入调用的js代码：fun2()fun1()。

4、浏览器运行index.html页面，此时成功调用了外部js文件中的函数打印出了结果。

<div>

<input

type="button"

value="call"

onclick="showimage()">

</div>

这样是在div中放了一个

按钮

，点击的时候(onclick)调用你写的

函数

'showimage'，不知道你要的是不是这样……

---