JavaScript特点:
1.是一种脚本语言
2.跨平台
3.面向对象
JavaScript的组成:
1.ECMAScript:是JavaScript的核心。规定了JavaScript的编程语法和基础核心内容。
2.DOM:文档对象模型。
3.BOM:浏览器对象模型,它提供了独立于内容的,可以与浏览器窗口进行互动的对象结构。
代码书写位置:
行内式:
<body>
<input type="button" value="点我" onclick="alert('行内式')>
//单击一个按钮,弹出一个警告框写着 行内式
</body>
注意:
1.注意单引号和双引号的使用。(html推荐双引号,JavaScript推荐单引号)
2.行内式可读性差
3.遇到多层引号嵌套时,易混淆,导致出错
4.只有临时测试,或特殊情况下使用,一般不推荐使用。
内嵌式
通过内嵌式将JavaScript多行代码写在< script>标签中,可以放在< head>或者< body>中
<head>
....
<script>
alert('内嵌式');
</script>
</head>
< script>标签还有一个type属性,在HTML5中默认为”text/Javascript“。编写时可省略。
外部式(外链式)
将JavaScript单独写在一个文件,用js作为文件的扩展名。
(1)
<head>
...
<script src="test.js"></script>
</head>
(2)创建test.js文件
4.伪协议
<a href="javascript:alert('伪协议')">点我</a>
代码中,href属性中的”JavaScript:“就表示伪协议。
当点击这个超链接后,会弹出alert警告框。
实际开发中不推荐使用。
注意:
1.JavaScript严格区分大小写
2.对空格,换行,缩进不敏感
3.一条语句书写完毕,换行书写下一条语句,前一行分号可省略
注释
单行注释 “//”
快捷键【ctrl+/】
多行注释 “/* */”
快捷键【shift+alt+a】
常用的输入和输出语句
alert(’ ‘) 浏览器弹出警告框
console.log(’ ‘) 浏览器控制台输出信息
prompt(’ ') 浏览器弹出输入框,用户可以输入内容
变量
通常用var关键字声明变量
var age; //声明变量
age=10; //为变量赋值
var age=10; //变量的初始化
var关键字后可以同时声明多个变量,用 , 隔开
例:var age=19, name=‘小明’;
== 变量的命名规范:==
- 由字母,数字,下划线,美元符号组成
- 严格区分大小写
- 不能以数字开头
- 不能是关键字,保留字
- 尽量做到”见其名知其意
- 遵循驼峰命名法,首字母小写,后面单词首字母大写