初始JavaScript
1.什么是JavaScript
javascript能做什么:
1.网页的动态效果
2.前后端交互--数据提交(弹窗/输入框/监听实践)
3.进阶--前端高级框架(Vue,js React.js Node.js)
2.JavaScript的组成
js的书写方式和css类似,也有内部写法和外部写法
内部写法和html中,写一对script标签,在把js内容写到里面
语法为:<script>js代码</script>
外部写法就是创建一个专门的js文件,通过script里的src属性引入,写在该标签里的js代码是无效的。
语法为:
<script src='js文件路径'></script>
js的代码最好写在网页内容的最后,因为代码都是从上到下进行执行的。
如果位置不对,就可能出现先执行js代码,在出现内容的情况
src除了本地文件外,还可以通过网络路径来导入
网络路径网址是jquery
3.js基本输入输出
注释:
单行注释://内容//.
多行注释:/*内容*/
输出语句:
document.write:在网页里写一行内容。能够识别标签。
字符串需要用引号包裹,数字不用
语法格式:
document.write(内容) 注意:是字符串
案例代码:
document.write(888)
document.write('我喜欢你')
alert:弹窗,在网页里显示一个弹窗
语法格式:
alert(内容)
console.log:在控制台输出日志,在控制台里输出信息(主要用来调试测试内容)
语法格式:
console.log(内容)
案例代码:
console.log('666')
输入语句:
prompt('内容')
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
// 输入prompt
let a=prompt('你叫什么名字:')
// 输出
document.write(a)
document.write('我想你了')
alert('999')
alert('切切切切')
console.log('0000')
console.log('8888')
</script>
</body>
</html>
4.js变量的基本概念
- 什么是变量呢?
- 其实就和其他语言里的变量是一样的,就是一个容器,即赋值,方便后面使用。
- 变量名规范:
- 由数字,字母,下划线,美元符号¥组成(中文不推荐)
- 区分大小写Name name
- 不要用关键字命名 if for break,etc
- 见名知意
var/let=声明符/标识符。在声明变量前需要加上
let = ES6新出的语法:作用和var类似,不过在一些细节上会规范(后面解释)
定义变量:
let 变量名=值,变量名2=值
5.js基本数据类型
js中查看数据类型--typeof
console.log(typeof 变量名)
数据类型:
1.整数 let num=11
2.字符串(string) let name='xjs'
1.引号不能混用,必须单+单,双+双,反+反
let name='麒麟“ 错误的
2.反引号是作为模版字符串来使用(格式化输出),让我们可以更好的输出一些带变量的数据,模版字符串只能反引号使用。单/双都不行
语法:`字符${变量}字符`
例如:console.log('你好,我是${name}我今年${age}岁')
3.boolean(布尔类型):
布尔类型主要作用于逻辑判断,判断真假,只有两个值ture,false
注意:这里和python是不一样的,小写小写!!!
定义布尔类型变量的语法:
let a=true
let b=false