如何在HTML网页引入JavaScript

方式一:

在HTML网页内,书写script标签,里面定义js代码

缺点:

1.js代码不能重复使用(不能在其他网页里使用)

2.HTML标签和js代码耦合,不便于后期维护修改

优点:

1.HTML网页和js代码写在一起,便于阅读和测试

小结:在开发环境中使用方式一(编写阶段)

方式二:

1.在外部定义一个js文件

2.在HTML网页内,通过script标签的src属性引入外部js文件

注意:引入时注意路径写正确

当前目录:直接写目标完整的文件名

上级目录: . ./目录文件名/目标完整文件名

缺点:

js代码是一个单独的文件,不便于阅读和调试

优点:

1.js代码可以重复利用

2.js代码和HTML网页解耦合,便于修改和维护

小结:在生产环境下使用(代码开发完毕上线),使用方式二

练习:需求:抽奖系统,随机抽取获奖的幸运用户

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- 引入外部的js文件:定义的前端框架,提高开发效率 --><script type="text/javascript" src="my.js"></script><script>/*** 需求:抽奖系统,随机抽取获奖的幸运用户* 分析思路:* 1.保存多个用户的姓名* 2.随机的索引就可以了:通过随机索引获取数组中的人名*///1.定义一个数组,保存姓名var arr= ["小脑","小平","小花","小何","老妖","二狗","孬种","呵呵","大鸟"];//2.使用外部框架定义好的方法var index = getRandom(arr.length);//3.根据index从数组中获取人名:人名也是随机的var name =arr[index];document.write(name);</script></body>
</html>

如何在HTML网页引入JavaScript相关推荐

JavaScript程序基础（一）网页中引入Javascript的三种方法
JavaScript是一种基于对象的脚本编程语言,具有动态.跨平台.基于对象和安全等特性.它不需要经过编译,而是直接嵌入在HTML页面中运行,可把单纯的HTML页面转变成支持用户交互和事件响应的动态页 ...
三种引入JavaScript方法
三个简单JavaScript语句 1.弹窗:alert(); 2.网页控制台打印:console.log(); 3.页面body显示:document.write(); 引入JavaScript方法 ...
前端网页三剑客------JavaScript基础
前端网页三剑客------JavaScript基础一.基础语法 1.引入方式行内JS:在标签内部编写JS代码,配合事件使用.<input type="button" val ...
如何在html网页中插入视频（以及让视频自动播放的问题）
直接进入正题: 关于视频的插入可使用 video标签如下图简单介绍下用到的几个属性 class定义了video类在style中调整这个类的长度和高度属性: src处引入视频的链接: contro ...
Android WebView获取网页中JavaScript弹框内容
Android WebView获取网页中JavaScript弹框内容网页中弹窗的js代码为 <script type="text/javascript" language= ...
网页常用Javascript
网页常用Javascript 1．让文字不停地滚动 <MARQUEE>滚动文字</MARQUEE> 2．记录并显示网页的最后修改时间 <script language=J ...
python判断网页密码加密方式_Python模拟网页中javascript加密与验证的相关处理
在做网络爬虫的过程中你是否一些在这方面做的很好的网站,你向知道他是通过哪些相关的操作做出这么好的网站,以下就是文章的相关内容的具体介绍,希望你浏览完下面的内容会有所收获.Python模拟网页的java ...
网页引入谷歌字体_在网页中使用Google字体
网页引入谷歌字体 Google Fonts is a service provided for free by Google that allows access to thousands of fo ...
如何在Revit中引入WPF界面（通俗易懂）
欢迎加入BIM行业开发交流1群群号:711844216(满),二群群号:1016453207 背景小伙伴们在做revit二次开发时,为了丰富开发内容,会有引入界面的需求.作为窗体程序开发,基本上有 ...

如何在HTML网页引入JavaScript

如何在HTML网页引入JavaScript相关推荐

最新文章

热门文章