js如何引入js文件
在前端页面制作中,有时候我们需要触发某个功能才会引入js文件,那如何在触发功能时引入这个js文件呢?要引入js文件首先需要思路清晰,接下来会使用一个案例来讲解如何引入js如何js文件。
思路:
1.创建一个script的节点;
2.设置script的文件类型;
3.设置引入js文件的路径;
4.把新建的script放到页面上。
操作方法
(01)创建一个文件夹,这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。如图:
(02)打开html文件,在html文件上找到<body>,在<body>标签里创建一个按钮标签,然后给这个标签添加一个点击addJs事件。如图
(03)在js文件夹下创建一个js文件为。
(04)在文件上输入一个alert弹出框并保存,当引入js文件成功就会执行alert弹出框。
(05)回到html文件,在按钮输入框后面创建一个script标签,然后添加用来引入文件的addJs事件。在addJs事件执行以下几个步骤:1.使用teElement("script")创建script节点;2.使用type设置类型;3.使用src设置引入js文件的路径;4.给新建的节点设置存放的位置。
(06)保存html文件后使用浏览器打开,点击按钮即可看到出现一个弹出,表示引入js文件成功。
(07)所有代码。所有代码分文html代码和js代码,只需把所有代码复制到新建的html和js文件上,保存后运行即可看到效果。htm页面l代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>引入js文件</title></head><body><input type="button" onclick="addJs()" value="点击按钮" /><script type="text/javascript">function addJs(){var newScript=teElement("script");="text/javascript";="js/";var head=lementsByTagName("head")[0];ndChild(newScript);}</script></body></html>js页面代码:alert("恭喜你,成功引入了js文件!");
-
快手电脑版如何下载 电脑怎么玩快手
快手是手机上比较火的一款APP,现在还有了直播的功能,越来越强大。我们目前用快手的时候可能因为手机性能的问题,操作不是很好,那么快手有电脑版吗?怎么在电脑上在线用快手看视频呢?今天我们就来说说快手电脑版如何下载电脑怎么玩快手。操作方法(01)首先我们打开自己的...
-
报名“天天特价”通过率高的技巧?
相信很多开网店的朋友都是知道天天特价的,因为报名天天特价,不能能引来很高的店铺流量,而且还能带起你店铺的成交,更能带动店内其他商品的成交,对于星级卖家店铺来说,这无疑是个巨大的诱惑和吸引力,正是因为这样,报名的商家更是成千上万,那么怎么样才能报名成功呢,下面小...
-
怎么做手游推广
现在玩手游的人越来越多,手游市场也开阔起来,每天都会有新的游戏出现,竞争也就显得越发的激烈。想要占据一定的市场,那就需要进行推广,寻找合适的方式,加上游戏本身的质量,这样才会别更多人所了解。操作方法(01)应用商店。可以寻求相关的手游应用商店合作,把自己所要推广...
-
怎么在图片上添加文字?(两种方法)
很多时候,仅仅是一张图片,不能传达我们所要表达的信息,那么在图片上加上一些描述性的文字,就做到了图文并茂,让人能够一目了然,下面教给大家简单的方法,在照片上添加文字。方法1用画图工具添加文字(01)首先找到你要添加文字的图片,在图片上右击,选择(02)接下来,进入照片查看...