菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 蒋鹏冲-20221028-js基础01 [打印本页]

作者: 北纬33 时间: 2022-10-28 23:44
标题: 蒋鹏冲-20221028-js基础01
一，今日学习内容：
1.javascript介绍--了解
概念：javascript简称js，是一门强大的编程语言，主要用于网页交互效果
2.js入门---重点
js实现步骤
1.引入js---四种引入方式
2.输出内容---三种输出方式
   2.1 js的四种引入方式---重点
   1.分类
1）内嵌式（内部式）---重点
2）外联式（外链式）---重点

3）html标签的事件属性引入---了解
4）a标签href引入---了解
   2.细节说明：
1）内嵌式---重点
概念：通过一对<script></script> 在网页任意位置引入的方式
语法：<script>
            js代码
         </script>

2）外联式---重点
概念：通过在外部创建一个xxx.js的文件，在文件中直接写js代码，再通过script标签的src属性引入
语法：
        1.创建一个js文件
         2.在网页任意位置进行引入
            <script src="js文件的路径"></script>

3）html标签的事件属性引入---了解
概念：主要通过所有标签都有的事件属性来进行引入js的方式
      语法：
        <div class="box" id="box" 事件属性="需要执行的js代码"></div>
说明：事件属性有很多，onclick，表示鼠标单击左键的事件

4）a标签的href引入---了解
a标签：超链接，主要用于跳转到href属性设置连接地址
        <a href="https://www.baidu.com">去百度</a>
概念：通过a标签的href属性来执行一段代码
   语法：<a href="javascript:需要执行的js代码">需要显示的文本内容</a>
四种引入方式的区别
1.内部式与外联式：
1）内部式--只针对当前引入的网页有效果，--测试或者演示
      2）外联式--可以多次被使用，只需要引入--实际项目开发中使用最多
2.四种之间的区别
1）内嵌方式的js只能在当前html文件中使用
      2）外联方式的js文件可以被多个html页面使用
      3）标签事件属性，只有通过触发条件去触发才会执行里面的js代码
      4）a标签本身就是超链接，指定javascript协议，点击这个超链接标签，就会告诉浏览器，这里需要执行一段js代码，与onclick无差别显示
  2.2四种引入方式的注意

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)