1、js的组成
-
ECMAScript 规定了js的编程语法和基础知识,是所有浏览器厂商共同遵守的一种JS语法
-
DOM-文档对象模型 对页面的各种元素进行操作(大小、位置、颜色……)
-
BOM-浏览器对象模型 操作浏览器窗口,比如弹出框、控制浏览器挑战、获取分辨率
2、JS三种书写方式
行内
<input type="button" value="提交" onclick="alert('提交成功')"/>
内嵌
<script>
alert("勇敢牛牛不怕困难")
</script>
外部
<!-- 在html页面引入 -->
<script src="my.js"></script>
// 创建js文件
alert('勇敢牛牛不怕困难')
外部引用时,不允许再在script标签里写内容!
3、js注释
单行 // :ctrll+/(可自行修改)
多行注释 /* */ :shift +alt +a
4、js输入输出语句
方法 | 说明 | 归属 |
---|---|---|
alert(msg) | 浏览器弹出框 | 浏览器 |
console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框、用户可以输入 | 浏览器 |
<script>
// 这是输入框
prompt('请输入电话')
//弹出警示框
alert('我要飞天')
// 控制台输出给程序员看
console.log('调试')
</script>
5、变量
变量就是装东西的盒子,是存放数据的容器,变量是程序在内存中申请的一块用来存放数据的空间。
变量的使用:1、声明变量 2、赋值
var name='旗木卡卡西'
var age=30
var address='火影村'
var email='kakaxi@hyc.cn'
console.log(name,age,address,email)
练一练 1、弹出输入框,提示用户输入姓名 2、弹出对话框,输出刚才用户输入的姓名
var myname=prompt('请输入名字')
alert(myname)
tips:可以声明多个变量
var name='旗木卡卡西',
age=30,
address='火影村',
email='kakaxi@hyc.cn'
6、声明变量的特殊情况
// 只声明不赋值 undefined
var sex;
console.log(sex)
// 不声明也不赋值 报错
console.log(tel)
//不声明但赋值 会变成全局变量不会报错
sel=100
console.log(sel)
7、变量命名规范
大小写有区别、由字母、数字、下划线、美元符号组成,不能以数字开头、不能是关键字和保留字例如var\for\while,采用驼峰命名
练一练 交换两个变量的值
var a=10;
var b=100;
var temp;
temp=a;
a=b;
b=temp;
console.log(a,b)