博主信息
博文 61
粉丝 0
评论 0
访问量 65771
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JS的三种引入方式—2019年1月16日
笑颜常开的博客
原创
1392人浏览过

      JS有三种引入方式:行内引入、内部引入和外部引入。

1、行内引入:

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

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

<body>
    <input type="button" onclick="alert('行内引入')" value="button" name="button">
    <button onclick="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>

    手写代码

5abb04d1Nccc96c9f.jpg


批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学