美文网首页
JavaScript学习笔记1

JavaScript学习笔记1

作者: 全新的牙膏 | 来源:发表于2018-10-21 22:04 被阅读0次

简介

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

相关文章

  • 学习ReactNative笔记一 __JavaScript基础

    学习ReactNative笔记一 ___JavaScript基础 ★★★笔记时间- 2017-1-9 ★★★ 前言...

  • JavaScript学习笔记(五)

    慕课网JavaScript进阶篇第9章学习笔记 JavaScript进阶篇—第9章 JavaScript学习笔记(...

  • JavaScript学习笔记二

    JavaScript学习笔记二 个人学习笔记参考阮一峰的JavaScript教学学习笔记二是对学习笔记一的补充 J...

  • JavaScript基础,基础

    原javaScript学习笔记(一)js基础 一、简介 1、概述: JavaScript是目前web开发中不可缺少...

  • JavaScript学习笔记1

    简介 在HTML中输出使用document. write. 例document. write (" this is...

  • JavaScript学习笔记1

    以下笔记是我学习JavaScript时所记录的笔记,参考书籍(建议大家购买正版。):JavaScript_DOM编...

  • JavaScript学习笔记<1>

    1 语法和类型 1.1 基础 JS采用Unicode字符集,并且大小写敏感。语句使用;结束。一行单条语句的;不是必...

  • JavaScript学习笔记之数组(二)

    JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为...

  • JavaScript

    仅为个人学习笔记,复习用 一.语法 1.插入javascript 2. 引用JS外部文件 JavaScript代码...

  • RYF javascript笔记1

    标签: 我的笔记 ---学习资料:http://javascript.ruanyifeng.com/ 1. 导论 ...

网友评论

      本文标题:JavaScript学习笔记1

      本文链接:https://www.haomeiwen.com/subject/cobgaftx.html