JavaScript有哪几种引入方式

文章2023-03-3080 人已阅来源：网络

JavaScript有3种引入方式：1、使用“<开始标签 on+事件类型=“js代码”></结束标签>”语句引入；2、在script标签里面写js代码；3、将js代码写在外部js文件中，然后使用script标签的src属性引入。

JavaScript有哪几种引入方式

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript有三种引入方式：

1、行内引入:

<开始标签 on+事件类型=“js代码”></结束标签>

行内引入方式必须结合事件来使用，但是内部js和外部js可以不结合事件

<body>
<input type="button" onclick="alert('行内引入')" value="button" name="button">
<button 0nclick="alert(123)">点击我</button>
</body>

2、内部引入：

在head或body中，定义script标签，然后在script标签里面写js代码

    <script>
        alert("这是js的内部引入");
    </script>

3、外部引入：

定义外部js文件(.js结尾的文件)

<script type=“text/javascript” src=“demo.js”>

注:

script标签一般定义在head或body中
Script标签要单独使用，要么引入外部js，要么定义内部js，不要混搭使用

外部的JS文件，它具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展、复用性高等特点

新建外部的js文件demo.js文件

在head或者body中，添加以下代码

<script  type="text/javascript" src="js/demo.js"></script>

js执行的优先顺序按照在代码中的先后顺序执行

更多编程相关知识，请访问：编程视频！！

以上就是JavaScript有哪几种引入方式的详细内容！

相关内容

5个有用的css函数（分享）
CSS包含了许多函数，而且它能够完成许多早期需要用JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。...
详解CSS3+SVG滤镜实现不规则边框的方法
本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...
css的引入方式有哪些
css的引入方式有：1、使用HTML标签的style属性引入；2、将样式代码写在页面的“<style></style>”标签对中；3、使用link标签，...
使用JS或CSS如何实现瀑布流布局，几种方案介绍
本篇文章带大家了解一下瀑布流布局，介绍一下三种靠谱JS方案，以及N种不靠谱CSS方案。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。本着实用精神，我们今天来分...
让人眼前一亮的五个前端小技巧
为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。废话不多说，开车了。1.快速隐藏要隐藏一个DOM元素，不需要JavaScript。一个原生的HTML属性就足...
如何实现炫酷的数字大屏
依托强大无远开发平台，可以快速实现带各种酷炫联动效果的数字化大屏。一起来看一下吧DEMO地址：https://previewer.wuyuan.io/p...配置地址：http...
CSS+JS实现爱心点赞按钮（代码示例）
本篇文章给大家介绍一下CSS+JS实现一个“爱之满满”点赞按钮的方法，希望对大家有所帮助！前段时间在看一档说唱节目，被里面的一个说唱歌手JBcob的爱之满满这句词给洗脑了。于是...
总结整理：需要避坑的五大常见css错误（收藏）
本篇文章给大家总结5个最常见的css错误，并介绍一下避坑方法，希望对大家有所帮助！正如我们今天所知，CSS语言是web的一个重要组成部分。它使我们有能力绘制元素在屏幕、网页或其...
javascript如何将时间字符串转化为时间
javascript将时间字符串转化为时间的方法：1、根据毫秒数构建Date对象，代码为【vardate=newDate(timestamp)】；2、格式化日期，代码为【dat...
javascript如何定义私有方法
javascript定义私有方法的方法是类的构造函数里定义的function，即为私有方法，代码为【this.getSalary=function(){returnsalary...

浏览更多有关 javaScript 引入方式的内容