javaScript基础详解

首先说说javaScript的放置：Script和/script可以放在头和身体之间，也可以放在身体或头部

JavaScript的六大功能：

1直接在脚本输出中

document . write(' h1这是标题/h1 ')；//document.write表输出，括号中的h1标记也有效。2对事件做出反应。

按钮类型='button' onclick='alert('欢迎！)'//单击此处/按钮//onclick表示当单击是触发事件时，alert将播放框3以更改HTML内容

x=document . getelementbyid(' demo ')//找到一个元素，通过id得到一个元素，就像我之前的笔记说的id只能用一次，所以是唯一的。x.innerHTML=' Hello JavaScript//更改内容。通过触发事件，该元素的值将发生变化。4更改HTML图像

element=document . getelementbyid(' my image ')//获取img元素element . src=' http :/I/eg _ bulb off . gif '；//改变Src属性相当于用图片5改变它，改变HTML样式

x=document . getelementbyid(' demo ')//按id查找元素x . style . color=' # ff 0000 '；//更改模式6验证输入

If(isNaN(x)) {alert('非数字')}；//isNaN()这是一个方法，专门用来判断括号是否都是数字。这是为truejavaScript查找元素的三种常用方法(不包括jquery查找元素)

1:按id搜索；

x=document . getelementbyid(' demo ')//按id查询是唯一的，x也代表唯一的元素。2:按名称搜索：

x=document . getelementsbyname(' my input ')；//这里假设它返回一个集合，因为name属性可以重复定义为x [0]。innerhtml=' hello JavaScript//因为是数组，所以指定数字，即使只有一个，也写0 3:按元素名搜索：

var x=document . getelementsbytagname(' input ')；//还返回一个数组alert(x . length)；//这里有几个输入标签，所以javaScript的注释和Java的注释是一样的。有//和/* */JavaScript变量

JavaScript数据包括字符串、数字、布尔值、数组、对象、Null和Undefined，但是var是统一使用的

var cars=new Array()；汽车[0]='奥迪'；//数组表达式var cars=['奥迪'，'宝马'，'沃尔沃']；//也是数组表达式person=new Object()；//对象表达式JavaScript函数

函数getElements(){} //如果可以取参数，传入(var1，var2)。如果要返回值，javaScript运算符、算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符、If语句、Switch语句、for循环、while do-while、Break和Continue与Java规则相同(稍有不同的是For()

接下来，我们将做几个小案例：

1:有账号名称验证，两个密码判断是否一致

“% @”页面语言=“Java”导入=“Java”。乌提尔。* "页面编码=' UTF-8 ' %！文档类型标题雨点的名字/标题/标题脚本函数CheckFORm(){ var FORm=document。FORms[' FORm 1 ']；//根据表单的名字获取指定的表单，这算第四种获得元素方法//根据表单获得用户名的价值值，因为下面这个用户名只有一个那就默认就取这一个，不用form.username[0]。价值这样反而报错，因为不是集合var username=表单。用户名。价值；if(用户名。长度3 | |用户名。长度12){ alert('输入的用户名不合法.');//.长度是属性所以不能括号，这和线不同返回false } var password 1=form . password[0]。价值；//因为密码下面有两个所以是一个集合所以要[0];var密码2=文档。getelementsbyname(' password ')[1].价值；//这是通过另一种方法获得if(password1！=password2){ alert('两次密码不一致.');返回false()；}返回true} /scriptbody！-在使服从只在形式中使用，如果返回为错误的则不提交数据，否则提交数据-提交时的表单操作=' name=' form 1 '=' CheckFORm()'用户名：输入类型=“文本”名称='username'/brbr密码：输入类型='密码'名称='password'/brbr确认密码：输入类型='密码'名称='password'/brbr输入类型='提交'值='提交'/!-这里定义了为使服从类型，当点提交时，自动触发onsubmit方法-/表单/正文/html运行结果如下：

2:实现一个加法的小计算器

“% @”页面语言=“Java”导入=“Java”。乌提尔。* "页面编码=' UTF-8 ' %！文档类型标题雨点的名字/title style type=' text/CSS '输入{ width :50 px}/样式/头部脚本函数calc(){ var form 1=文档。forms[' form 1 ']；var x=form1['x'].价值；//获取表格一表单中名字属性为x的值，又一种方法（其实[]和。是有点不同的这里不细讲)var y=form1['y'].价值；var z=parseInt(x)parseInt(y)；//parseInt(x)类型转换，把线转成int var result=form 1[' result ']；//得到元素结果。值=z；//值这里插入价值值，不是用innerHTML，他们的使用类型不同}/脚本正文表单操作=' name=' form 1 '方法=' post '输入类型=' text '名称=' x '/输入类型=' text '名称=' y '/输入类型=' text '名称=' result '/br/输入类型=' button '值='计算onclick='calc()' /！onclick监听事件改编属性-/形式/主体运行结果如下：

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！