JavaScript总结二

JavaScript函数

定义函数

语法:

function 函数名(形式参数1,形式参数2...形式参数n){

         //语句

}

定义规则:

1.使用function关键字,function后面是函数名,不必说明返回值。

2.函数的命名规则与变量名的命名规则相同。

3.函数后面的()里面可以包含若干参数,也可以选择不带任何参数。

4.后面是一对{},包含具体实现特定功能的若干语句。

函数的返回值

函数的参数是外部语句对函数内部语句的信息传递,函数的返回值恰好相反,它能够将一个结果返回给外部语句的使用。

函数变量的作用域

主要分为全局变量和局部变量。全局变量是在函数外部声明的,可以在任何地方使用,局部变量是在函数内部声明的,只能在函数内部使用。局部变量随着函数的结果二消失。

系统函数

1.parseInt:将字符串类型转换为整数,仅接收一个参数。它从字符串的开头开始解析,到字符串第一个非整数的位置停止,然后返回前面的整数。如果字符串不是以整数开头,则返回NaN(Not a Number)。

2.parseFloat和parseInt相似,parseFloat返回的是一个浮点数(小数)

3.isNaN:用于判断是否是NaN(不是数字)。如果是isNaN,则返回true,否则返回false。

JavaScript点击事件

1.nclick事件

onclick事件用于接收鼠标对页面元素点击的动作,称为点击事件。

2.onblur事件

指光标或焦点离开元素后触发的事件,通常用于表单验证。

获得焦点事件:onfocus事件,它与onblur是一对相反事件。

3.onchange事件

通常指输入框的值发生变化或改变下拉列表框的选项触发的事件。

onchange事件和onblur事件相似,都需要将焦点移出文本框。

4.onmouseover和onmouseout事件

是鼠标移入和鼠标移出事件。

5.是鼠标移动事件,鼠标每移动一个像素,则每触发一次事件。

实例:

<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var count=0;
function mouve(){
document.getElementById("sp").innerHTML=++count;
}
</script>
<style>
div{
width: 300px;
height: 200px;
background-color: #0077cc;
}
</style>
</head>
<body>
移动了<span id="sp">0</span>像素
<div onmousemove="mouve()" ></div>
</body>


解释:

其代码表示鼠标在div中每一动一个像素,span标签中的数字每增加一个。

1.document.getElementById("sp")表示获取id为"sp"的元素

2.innerHTML表示获取文本值







最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,721评论 0 21
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 10,021评论 0 5
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 5,248评论 0 5
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 14,755评论 0 38
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,775评论 0 8

友情链接更多精彩内容