JavaScript作用
- 表单验证,减轻服务端的压力。
- 添加页面动画效果。
- 动态更改页面内容。
- Ajax(异步加载)网络请求
JavaScript的组成
ECMAScript(语法规则)、DOM(操纵html)、BOM(操纵浏览器)
- es -js的语法规则部分
- dom -文档对象模型(HTML内容,js可以通过dom结构,去修改html内容)
- bom -浏览器对象模型(js不光可以操作html,还可以操作浏览器)
JavaScript语法标准
- 语法
- 变量和数据类型
- 运算符
- 逻辑控制语句
- 关键字、保留字、
- 对象
JavaScript的基本结构
<script type =“text/JavaScript”>
JavaScript语句
</script>
JavaScript的使用方法
- 行内js(最不推荐)
- 内部js(可放在页面任意位置。但是推荐写在body下面)
- 外部js
注:外部js文件头部有注释。用于注明外部js创建者。修改者日期
例:
第一个JavaScript文件
<body>
<button onclick="showHello()">hello world!</button>
</body>
<script>
function showHello() {
alert("hello world!");
}
</script>
JavaScript注意事项
- 引用js的Script不要使用单标签
- 引用js的Script不要编写js代码
- 引用js的Script可放置在任意位置
JavaScript被禁用
<!--当浏览器不支持js的时候会显示该提示信息-->
<noscript>
浏览器js功能被禁用
</noscript>
JavaScript语法内容
变量
- 变量是程序中数据的临时存放场所,用来存储计算过程
- 变量的声明和赋值:
(1)先声明变量再赋值。例:var width;width=5;
(2)不声明直接赋值。例:width=5
(3)同时声明变量和赋值变量 var x,y,z = 10; - 变量的命名规则:以字母、数字、下划线和$符组成,不能以数字开头。注意:区分大小写
数据类型(都用var去定义)
- undefined(声明但未赋值)
- null(空)
- boolean(布尔类型,值只有false和true)
- number(包括整型和浮点型)
- string(字符串类型)
- object(复杂数据类型)
//undefined类型
var u ;
alert(typeof u);
//bollean类型
var b = true ;
alert(typeof b);
//String类型
var s = "gjh";
alert(typeof s);
//number类型
var i = 2.3;
alert(typeof i);
//object类型
var obj = {
name:"gjh",
age:"保密"
} ;
alert(typeof obj);
//function类型
function name() {
alert("gjh");
}
alert(typeof name);
- 转换函数
- number():把字符串类型的数字,转换成任何类型成为数值类型。
- parsefloat():把字符串类型的数字,转换成浮点型。
- parseint():把字符串类型的数字,转换成整形
JavaScript命名规则
国际通用的命名规则:驼峰法则。
(一:变量)
1. 单个单词的全部小写。例:var name = "gjh";
2. 多个单词的,第一个单词全小写,其余单词首字母大写。例:
var myName = "gjh";
var showHelloWorld = “HelloWorld”;
(二:类)
3. 全部单词的首字母都要大写。例:PersonName
(三:常量)
4. 所有单词的字母全大写。例:COUNTRYNAME
每个企业的命名不同,但都基于驼峰法则来拓展延伸。
代码注释
- 单行代码以//开头
- 多行代码以
/*
开头,以*/结尾
常用的输入输出
alert 为弹出提示窗口 。
prompt为弹出输入窗口,可定义一个变量接收用户输入的信息
实例:
<Script>
var myName = prompt("请输入姓名","张三");
alert("您的姓名是"+myName);
</Script>