JS基础知识
1.为什么要学习JavaScript？
表单验证减轻服务器端压力；页面的动态交互；页面动态效果
2.什么是JavaScript?
JavaScript是一种基于对象和事件驱动的，并具有安全性能的脚本语言
特点：
- 向HTML页面中添加交互行为
- 脚本语言，语法和Java类似
- 解析型语言，边执行边解释
组成:JavaScript------>DOM+BOM
基础语法 <script>...</script>可以在文档中的任何地方，一般放在头部或者尾部
<script >
<!--
JavaScript语句;
-->
</script>
显示数据
</head> <body> <script > document.write("初学JavaScript"); document.write("<h1>Hello,JavaScript</h1>"); </script> </body> </html>
效果
3.JS的执行原理
当浏览器遇到<script> 标记的时候，浏览器会执行之间的javascript代码。嵌入的js代码是顺序执行的，每个脚本定义的全局变量和函数，都可以被后面执行的脚本所调用。 变量的调用，必须是前面已经声明，否则获取的变量值是undefined
4.网页中引入JS方法
- 使用<script>标签
- 外部JS文件
- 直接在HTML标签中
</head> <body> <input type="button" name="btn" value="弹出消息框" onclick="javascript:alert('欢迎你');"/> </body> </html>
效果
5.JavaScript核心语法
变量，数据类型，数组，运算符号，控制语句，注释，输入/输出，语法约定。
01：变量
变量有三种定义方式
- 先声明变量再赋值
var width; //var - 用于声明变量的关键字
width=5; //width - 变量名
- 同时声明和赋值变量
var catName="like";
var x,y,z=10;
- 不声明直接赋值
width=5; //变量可以不经声明而直接使用，很容易出错，很难查找排错，不推荐使用
02：数据类型
- underfined var width; 变量width没有初始值，将被赋予值undefined
- null 表示一个空值，与undefined值相等
- number var iNum=23; //整数 var iNum=23.0; //浮点数
- boolean true和false
- string 一组被引号（单引号或双引号）括起来的文本 var string1="This is a string";
var width,height=10,name="like"; //整数 var size=3.1415926; //浮点数 var flag = true; //布尔值 var date = new Date(); //类 var arr = new Array(); //数组 //typeof 检测变量的返回值 document.write("<h1>"+typeof(arr)+"</h1>") document.write("<h1>"+typeof(width)+"</h1>") document.write("<h1>"+typeof(height)+"</h1>") document.write("<h1>"+typeof(size)+"</h1>") document.write("<h1>"+typeof(name)+"</h1>") document.write("<h1>"+typeof(flag)+"</h1>") document.write("<h1>"+typeof(date)+"</h1>")
运行结果
Typeof运算符
- typeof检测变量的返回值
- trpeof运算符返回值如下
- undefined : 变量被声明后 , 但未被赋值
- string : 用单引号或双引号来声明的字符串
- boolean : true 或 false
- number : 整数或浮点数
- object : javaScript中的对象 , 数组 , 或null
03:String对象
属性： 字符串对象.length
方法： 字符串对象.方法名()
var str="this is JavaScript";
var strLength=str.length; //长度是18