如何在html中调用js代码

JavaScript011

如何在html中调用js代码,第1张

我们编写html的时候经常需要调用JS的相关代码,那么如何在HTML中调用JS的代码呢?下面我给大家分享一下。

工具/材料

Sublime text

01

首先打开Sublime text软件编写一个html页面,如下图所示

02

然后我们在html页面中添加script标签,在script里简单的写一些JS的代码,如下图所示

03

接下来可以定义一个button按钮,通过其click事件来调用JS的代码,如下图所示

04

当然,如果调用的JS代码是外部的文件,则需要在开头的head标签内进行引入才可以使用,如下图所示

JS动态调用方法名

1.方法就是使用js里面的eval 下面是自己写的例子 代码如下: call("showmsg")functioncall(functionName){ eval("this."+functionName+"()")}functionshowmsg(){ alert("success")} eval能将你拼接的字符串自动识别为方法,并调用。 但弊端也是很大的,想象一下,某个人改你调用地方的方法名,便能调用你的任意方法。

2.方法主要用作自己定义的方法 主要是第二种方法需要特定的方式去写 代码如下: functioncall(functionName) { showmsgs["showmsg"]()}varshowmsgs

HTML点击按钮调用JS文件或者直接调用JS代码的方法。

如下参考:

1.将这段代码保存到一个文件中,如下图所示。

2.请注意,您可以使用任何文本工具创建js文件,但是在保存它时,您需要将其后缀为.js。

3.将版本js文件保存为index.js。如果我们需要使用index。js。我们只需要调用它,不需要写一个新的js文件。

4.在HTML的头部部分引入js文件,具体代码如下图所示。

5.引用是一个双标签,所以如果没有内容,就必须完全写入。

6.如果你的js是从外部导入的,你不能在中间写js代码。

7.如果需要,您需要重新声明脚本标记,并在标记中编写js代码,如下图所示。

8.javascriptjquery也是一样的规则,你必须在script标签中写代码。随着js文件的引入,你可以简单地在你想要的地方调用它。