1.JavaScript的基础知识
1.1 什么是JavaScript语言
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
1.2 JavaScript语言的特点
- 是一种解释性语言,也就是说它是边编译边执行的,它不像java等编程语言一样会进行预编译。
- 它是一种弱类型语言,对于语法的要求不严格,语法非常灵活,会有很多种写法。
- 运行环境:浏览器、node环境
- 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
1.3 JavaScript的语法要求
- js是区分大小写的,这一点和HTML的书写有点不一样
- 所有编码都必须在英文状态下进行
1.4 JavaScript可以做什么
- 让网页具有交互性,用户有更好的体验
- 可以处理表单,检验用户的输入,并提供及时反馈节省用户时间。例如需要用户输入身份证号,但是用户输入的位数不够,需要我们给用户提醒。
- 根据用户的操作,动态的创建页面
- 设置cookie,cookie是存储在浏览器上的一些临时信息
2. JavaScript的三种引入方式
2.1 行内引入
书写格式:<开始标签 on+事件类型=“js代码”></结束标签>
注意:行内引入方式必须结合事件来使用,但是使用标签和外部js可以不结合事件。
例如:现在我们写一个简单的点击事件
<body>
<div onclick="alert('行内引入JavaScript')">
aaaaaa
</div>
</body>
点击图中文字就会出现弹窗
2.2 标签引入(内部js)
书写格式:在HTML文档的任何位置运用< script> < /script>标签,在里面写js代码即可。
<script>
alert('这是内部JavaScript的简单示例')
</script>
2.3 外部js(推荐)
- 书写格式:首先定义一个外部的js文件,以“.js”结尾的,然后在HTML文件中引入js文件
- 外部的JS文件,它具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展、复用性高等特点,所以我们推荐使用外部js。
看一个外部js的示例:
首先写一个外部js文件,
现在在HTML文档中引入js文件,src后面写的使我们自己要引入的js文件的地址
<script src="../js-01/js/index.js"></script>
看一下运行结果: