JavaScript学习笔记1

简介

    在HTML中输出使用document. write. 例document. write ("<h1>this is a heading</h1>");

    alert()函数在JavaScript中,对于代码测试较为方便。使用 JavaScript来处理 HTML 内容是非常强大的功能。   可以改变任意的HTML元素的大多数属性(改变元素内容:例:x=document. getElementById("demo"); // 找到元素       x. innerHTML="Hello JavaScript!";    // 改变内容)

    验证用户的输入 

实现

通常将JavaScript的脚本放在<head>部分或者页面底部。JavaScript的函数放在<head>部分,在点击type=“button”或者其他按钮时被调用。

    也可以把脚本保存到外部文件中,文件扩展名.js ,在使用该外部文件时,在<script>标签的“scr”属性中设置,例<script type="text/javascript" src="/js/myScript.js"> </script>

输出

JavaScript访问HTML元素,使用document. getElementaryById(id)的方法。

执行document. write(“”)会覆盖原有文件。

JavaScript 语句通过代码块的形式进行组合。块由左花括号开始,由右花括号结束。块的作用是使语句序列一起执行。

在文本字符串中使用反斜杠对代码行进行换行。

注释

注释不执行。

单行注释以//开头,多行注释使用/**/

变量

变量是存储信息的容器。可以用于存放值和表达式,可以以字母开头的名称,但是对大小写敏感。以可以保存其他数据类型,比如文本值,向变量分配文本值时应该用双引号或单引号包围这个值。向变量赋值是数值时,不要用引号,不然被当成文本来处理。

使用 var 关键词来声明变量,然后使用等号赋值:var name=”Jimmy“,age =18;

数据类型

数组:new Array()  ,例car0=new Array();cars[0] = "Audi"; cars[1] = "BMW";

对象由花括号分隔,对象的属性以名称和值对的形式(name: value)来定义,属性用逗号分开。可以通过将变量的值设置为null来清空变量。例(car = null;)。声明新变量时,可以使用关键词 "new" 来声明其类型。例(var cars= new Array;)

可以创建自己的对象。例(<script>

person=new Object();</script>

函数

函数就是包裹在花括号中的代码块,前面使用了关键词 function。例function  functionname ()

{

这里是要执行的代码

}

调用带参数的函数

在调用函数时,可以向其传递值,这些值被称为参数。这些参数可以在函数中使用,可以发送任意多的参数,由逗号 (,) 分隔,例:myFunction(argument1,argument2)

带有返回值的参数return语句:function myFunction(){var x=5;return x;}。不让返回值保存为变量,可以使用:document.getElementById("demo").innerHTML=myFunction(); 直接在innerHTML中显示

全局变量,和局部变量,变量的生存周期为从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除

如果把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。这条语句:carname="Volvo";

运算符

‘+’加、’-‘减、’*‘乘、’/‘除、’%‘求余数(保留整数位)、’++‘累加、’--‘递减。赋值运算符如果把数字与字符串相加,结果将成为字符串。

比较

比较运算符 ‘==’等于、‘===’全等(值和类型)、‘!=’不等于

逻辑运算符:‘&&’ ‘||’ ‘!’

条件运算符:variablename=(condition)?value1:value2 

条件、循环语句

if 语句- 只有当指定条件为 true 时,使用该语句来执行代码

if...else 语句- 当条件为 true 时执行代码,当条件为 false 时执行其他代码

if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

switch 语句- 使用该语句来选择多个代码块之一来执行(default关键词)

for- 循环代码块一定的次数

for/in- 循环遍历对象的属性

while- 当指定的条件为 true 时循环指定的代码块

do/while- 同样当指定的条件为 true 时循环指定的代码块

错误

try 语句测试代码块的错误。catch语句处理错误。throw语句创建自定义错误

try语句允许我们定义在执行时进行错误测试的代码块。catch语句允许我们定义当 try 代码块发生错误时,所执行的代码块。JavaScript 语句trycatch是成对出现的。

throw于try 和catch一起使用,就能控制程序流,并生成自定义错误消息:

if(x=="") throw "值为空";

if(isNaN(x))   throw "不是数字";

表单验证

验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?

也可以用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,195评论 0 13
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,156评论 0 21
  • 【蝶恋花】春怨 当代/祤歌 夜半风来掀素幔。雨打春花,落地三千瓣。恰似离愁心上乱。偏听了一声轻叹。 应是玉...
    祤歌阅读 354评论 0 1
  • ตำแหน่งที่สมัคร..........
    心_台阅读 576评论 0 0
  • 起因:最近要做一个微信扫码登录的功能,但是不想使用微信的登录接口 过程:考虑了很多解决方案,第一个想到的是js a...
    Kair阅读 735评论 0 0