一.作用:
1.客户端表单验证,减轻服务器端压力
2.制作页面动态特效
二.特点:
1.主要用于向HTML页面中添加交互行为
2.是一种脚本语言
3.一般用来编写客户端脚本
4.是一种解释性语言,边执行边解释
三.结构组成:
1.ECMAScript:是一种开发的、国际上广为接受的、标准的脚本语言规范,它不与任何具体浏览器绑定。
ECMAScript标准主要描述以下内容:
。语法
。变量和数据类型
。运算符
。逻辑控制语句
。关键字、保留字
。对象
2.BOM:即Browser Object Model(浏览器对象模型)的缩写
它提供了可独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互
3.DOM:Document Object Model(文档对象模型)缩写
是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档。
四.JavaScript 的基本结构:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>初学JavaScript</title> </head> <body> <script type="text/javascript"> document.write("<h1>你好</h1>"); </script> </body> </html>
document.write()用来向页面输出可以包含HTML标签的内容
五.JavaScript页面的引用:
1.内部JavaScript文件
2.外部JavaScript文件
3.直接在标签中使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> h2{ font-size: 20px; } </style> </head> <body> <div id="btn"> <h2>javascript</h2> <p>学习</p> </div> <script type="text/javascript" src="js/index2.js"></script> <!--这是行内js--> <p onclick="javascript:alert(‘行内‘);"></p> <!--外部js--> <input name="btn" type="button" value="弹出消息框" onclick="javascript:alert(‘你好 JavaScript ‘)"/> <!--标签js--> <script type="text/javascript"> alert("aaaaaaaaaa"); </script> </body> </html>
六.JavaScript基础语法:
1.变量的声明和赋值:
。JavaScript是一种弱类型语言,没有明确的数据类型。在声明变量时,不需要指定变量的类型,变量类型由赋给变量的值决定。变量使用关键字var声明。
。“合法的变量名”:“合法的变量名”遵循JavaScript变量名规则的变量名,变量名可以由数字、字母、下划线和$符号组成,但首字母不能为数字,且不能用关键字命名
。变量赋值用三种:
a.先声明再变量
b.同时声明和赋值变量
c.不声明直接赋值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> //1.声明:告诉计算机,你要给我开辟一块内存空间 var score; // 2.赋值:把10赋值给变量score score=20; //3.使用 +:连接 // document.write("成绩是:"+score); //3.使用 document.write(score+10+"成绩增加10之后是:+<br/>"); //声明,赋值一起写 var width=100; var height=10,num=20,age=18; document.write("身高:"+height+"<br/>"); document.write("数字:"+num+"<br/>"); document.write("年龄:"+age+"<br/>"); var gender=""; document.write("性别:"+gender+"<br/>"); var i,j,k=15; document.write("i:"+i+"<br/>"); </script> </body> </html>
2.数据类型:
原文:https://www.cnblogs.com/Aaron-Feng/p/12022788.html