xiyang 2020-06-16
1.JavaScript(js不需要编译就可以运行)
JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
运行在客户端,当时的主要目的是验证表单的数据是否合法
2.特点:
向HTML页面中添加交互行为 脚本语言
语法和Java类似 解释性语言
边执行边解释
交互性(他可以做的就是信息的动态交互)
安全性(不允许直接访问本地硬盘)
跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关)
3.核心语法:
数据类型
数组
预算符号
控制语句
变量声明赋值
注释
语法约定
逻辑控制
输入/输出
4.组成
ECMAScript BOM DOM
5.基本结构
<script type="text/javascript">
<!—
JavaScript 语句;
—>
</script >
6.应用: <script>…</script>可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可
7.网页中引用JavaScript的方法
1.使用<script>标签
2.外部js文件 <script src="index.js " type="text/javascript"></script>
3.直接载html标签中
8.数据类型
undefined var width; 变量width没有初始值,将被赋予值undefined
null 表示一个空值,与undefined值相等
number var num=2; //整数 var num=2.0; //浮点数
boolean true和false
string 一组被引号(单引号或双引号)括起来的文本 var str="This is a string";
9.typeof运算符
typeof检测变量的返回值
typeof运算符返回值如下
undefined:变量被声明后,但未被赋值
string:用单引号或双引号来声明的字符串
boolean:true或false
number:整数或浮点数
object:JavaScript中的对象、数组和null
10.String对象
属性: 字符串对象.length
方法: 字符串对象.方法名()
11.数组:
创建数组: var 数组名称 = new Array(size);
访问数组: 数组名[下标]
12.逻辑控制语句:
13.循环中断:(break continue)
14.输入/输出
alert() alert("提示信息");
prompt() prompt("提示信息", "输入框的默认信息");
15.JavaScript中的程序调试的方法
Chrome开发人员工具
停止断点调试 单步调试,
不进入函数体内部 单步调试,
进入函数体内部 跳出当前函数
禁用所有的断点,不做任何调试
alert()方法
无参函数
例:
function study( ){
for(var i=0;i<5;i++){
document.write("<h4> JS中的无参函数</h4>");
}
}
<input name="btn" type="button"
value="显示5次JS中的无参函数" onclick="study( )" />
有参函数
例:
function study(count){
for(var i=0;i<count;i++){
document.write("<h4> JS中的有参函数</h4>");
}
}
<input name="btn" type="button" value="点击之后,请输入显示次数" onclick="study(prompt(‘请输入显示JS中的有参函数的次数:‘,‘‘))" />