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(意味着数据没有问题)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容

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