JavaScript入门学习篇(一)

认识JavaScript

  • 用HTML与CSS编写而成的界面是一种静态的界面,他们不能对用户的操作做出相应的判断与响应。JavaScript是一种直译式脚本语言(解释型语言),它能够访问Web页面的元素以及运行该程序的浏览器,对这些元素执行操作,还可以创建新元素,同时对用户的在页面的操作做出响应。在HTML中可以直接使用<script>和</script>标签,就可以在HTML代码中直接包含JavaScrip语句。
  • 代码示例
<script>
alert("hello world")
</script>

利用JavaScript创建简单脚本

  1. 认识onClick事件处理器
    onClick事件处理器几乎可以用于页面上任何可见的HTML元素,当用户的操作使onClick被激活,其属性包含的JavaScript语句将会被执行。
  • 示例
    在这里插入图片描述
    创建了button类型按钮,点击按钮会触发执行alert,同时弹框显示hello world
  1. 认识onMouserOver和onMouserOut事件处理器
  • 当鼠标进入页面上某个元素所占据的区域时,会触发onMouseOver事件,当鼠标离开这一区域会触发onMouserout事件。
  • 示例
    在这里插入图片描述

使用函数

  • 在编码编写过程中,学会使用函数会使编写效率提高,同时更加便捷,函数的定义与编写经常放在<head></head>之间
  • 示例
    在这里插入图片描述
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值