欢迎来到源码交易网,为站长提供交易担保服务 访问移动版
站长交易首选担保平台!
酷客淘

javascript的三种引入方式

日期: 2020-01-12 12:53:14 人气: -

javascript有三种引入方式:


1、行内引入:


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


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


<body>

<input type="button" οnclick="alert('行内引入')" value="button" name="button">

<button οnclick="alert(123)">点击我</button>

</body>

2、内部引入:


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


<script>


Js代码


</script>


    <script>

        alert("这是js的内部引入");

    </script>

3、外部引入:


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


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


注:


1. script标签一般定义在head或body中


2. Script标签要单独使用,要么引入外部js,要么定义内部js,不要混搭使用


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


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


alert("外部引入")

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

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