在Hype中使用外部的JavaScript脚本文件

Hype是一款用于Mac系统的HTML5制作软件，很多时候，制作强大的动态效果对于Hype来说只是家常便饭，但是在制作一些简单的游戏或者是特殊业务场景需求时，用户需要通过调用外部的JavaScript脚本代码来帮助实现功能。

因此，下面小编将利用Hype 4版本，通过一篇教程，教大家如何在Hype中调用外部的JavaScript脚本文件。

一、导入外部JavaScript文件到资源库

第一步：预先编写好一个JavaScript脚本文件，然后使用文本编辑器打开，打开后如下图1所示。值得注意的是，这里小编的脚本文件的函数命名为test，该脚本文件实现的功能是在网页上弹出警告框，警告指定的内容。

图1：脚本文件内容展示

第二步：点击Hype右上方的“资源”按钮，打开资源库，然后点击下方的加号按钮，选择“添加文件”，将JavaScript脚本文件导入到Hype资源库中，如下图2所示。

图2：添加资源库文件

选中脚本文件，然后点击“打开”即可将其导入到资源库中，如下图3。当然，更简单的方法是直接用鼠标将脚本文件拉入到资源库中即可。

图3：导入脚本文件到资源库

二、使用外部脚本文件

第一步：点击Hype界面上方的“元素”按钮，选择“Button”，创建一个按钮元素，具体如下图4所示。小编后面将利用此按钮，演示通过一个点击事件，触发外部JavaScript脚本文件函数。

图4：创建Button元素

成功在资源库导入外部JavaScript脚本文件并创建好Button元素后，在Hype右侧的“操作检查器”中，设置“鼠标点按时”，添加一个操作，操作选择“运行JavaScript”，函数选择“新函数”，如下图5所示。

图5：设置鼠标点按时操作

选择“新函数”以后，Hype会自动打开如下图6所示界面，出现一个新函数的编写窗口。

图6：编写新函数

在该新函数中，加上大家导入的外部JavaScript脚本文件中的函数名，如下图7所示，加上了“test();”。

图7：加上外部JavaScript文件函数名

这样就成功地在Hype中引用了外部JavaScript文件的函数了，点击Hype界面的“预览”按钮，进行效果预览，具体预览效果如下图8。

图8：效果预览展示

好了，以上就是关于如何在Hype软件中使用外部的JavaScript脚本文件的具体教程了，后续还会有更多有用的Hype教程发布在城东书院，请大家继续关注哦。