JavaScript的基础

Posted 别散客人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript的基础相关的知识,希望对你有一定的参考价值。

javascript表单验证

JavaScript可用来在数据被送往服务器钱对html表单中的这些输入数据进行验证。

表单数据经常需要使用JavaScript来验证其正确性:

·验证表单数据是否为空?

·验证输入是否是一个正确的email地址?

·验证日期是否输入 正确?

·验证表单输入内容是否为数字型?

<form action="####" method="post" name="myForm" onsubmit="return validateForm()">

First name:<input type="text" id="" name="fname" value="" />

<input type="submit" value=""/>

</form>

<script type="text/javascript">

function validateForm () {

var x = document.forms["myForm"]["fname"].value;

if (x===null || x ==="") {

alert("First name must be filled out");

return false;

}

}

</script>

JavaScript中的json

Json是用于存储和传输数据的格式。

JSON通常用于服务端向网页传递数据。

什么是json

  1. json英文全程JavaScript Object Notation
  2. Json是一种轻量级的数据交换格式。
  3. Json是独立的语言
  4. Json易于理解。

Tip:Json使用JavaScript语法,但是json格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。

实例:

{"employees":[
    {"firstName":"John", "lastName":"Doe"}, 
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

JSON 格式化后为JavaScript对象

Json格式在语法上与创建JavaScript对象代码是相同的。

由于他们很相似,所以JavaScript程序可以很容易的将json数据转换为JavaScript对象。

Json语法规则

  1. 数据为键值对。
  2. 数据由逗号分隔。
  3. 大括号保存对象
  4. 方括号保存数组

Json数据,一个名称对应一个值

Json数据格式为键值对,就像JavaScript对象属性。

键值对包括字段名称(在双引号),后面一个冒号,然后是值;

Json对象保存在大括号内。

就像JavaScript中对象可以保存多个键值对:

{"firstName":"John", "lastName":"Doe"}

 

Json数组

json数组保存在中括号内。

就像JavaScript中,数组可以包含对象:

 





以上是关于JavaScript的基础的主要内容,如果未能解决你的问题,请参考以下文章

前端基础-JavaScript的基本概述和语法

JavaScript基础

前端基础之JavaScript

前端三剑客----->JavaScript(基础语法)

JavaScript 基础

JavaScript基础入门总结目录