我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

蒋鹏冲-20221028-js基础01

[复制链接]
北纬33 发表于 2022-10-28 23:44:06 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一,今日学习内容:
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四种引入方式的注意

回复

使用道具 举报

关注0

粉丝0

帖子91

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026