一,今日学习内容:
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四种引入方式的注意
|