JavaScrip
JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
JavaScript特点
1.向HTML页面中添加交互行为
2.脚本语言，语法和Java类似
3.解释性语言，边执行边解释
1.JavaScript组成
JavaScript-->ECMAScript
ES 基础语法
JavaScript-->DOM
DOM操作HTML元素
JavaScript-->BOM
BOM操作浏览器 前进,后退,刷新
JavaScript的基本结构
<script type="text/javascript"> <!— JavaScript 语句; —> </script >
<script>…</script>可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可
JavaScript的执行原理
1.浏览器输入
2.发送请求--->包含JavaScript的请求页面---->解析HTML标签和JavaScript(应用服务器)
3.解析HTML标签和JavaScript(应用服务器)---->从服务器端下载含JavaScript的页面-->返回响应
2.网页中引用JavaScript的方式
1.内部JS：使用html下的<script>标签
<script type = "text/javascript">
document.write("初学JAVASCRIPT")
document.write("<h1>XXX</h1>")
</script>
2.外部JS:创建js文件，使用<script src="JS路径">即可
<!--引入JS--> <script src="export.js" type="text/javascript"></script>
3.行内JS：使用触发属性（src,事件herf）
<a href="javascript:alert(1);">点击</a>
<input name="btn" type="button" value="弹出消息框"
οnclick="javascript:alert('欢迎你');"/>
3.JavaScript核心语法
核心语法-->变量、数据类型、数组、运算符号、控制语句、注释、输入/输出、语法约定
核心语法—变量
变量定义
使用var关键字（可以省略，但不推荐）
var 变量名 = 值；
1.先声明变量再赋值
var － 用于声明变量的关键字 var width;
width － 变量名 width = 5;
2.同时声明和赋值变量
var catName= "皮皮";
var x, y, z = 10;
3.不声明直接赋值
width=5;
变量可以不经声明而直接使用，但这种方法很容易出错，也很难查找排错，不推荐使用
核心语法—数据类型
undefined 创建变量，不赋值，就是underfined
null 等价于underfined
number 数字类型
boolean
string
使用typeof（变量）检测数据类型
核心语法—String对象
字符串对象.length
方法
字符串对象.方法名();
| 方法名称 | 说 明 |
|---|---|
| charAt(index) | 返回在指定位置的字符 |
| indexOf(str，index) | 查找某个指定的字符串在字符串中首次出现的位置 |
| substring(index1，index2) | 返回位于指定索引 index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2 对应的字符 |
| split(str) | 将字符串分割为字符串数组 |
数组
创建方式：
var arr = new Array(大小) var arr = new Array(值1，值2) var arr = [值1，值2]
| 类别 | 名称 | 描述 |
|---|---|---|
| 属性 | length | 设置或返回数组中元素的数目 |
| 方法 | join( ) | 把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔 |
| 方法 | sort() | 对数组排序 |
| 方法 | push() | 向数组末尾添加一个或更多 元素，并返回新的长度 |
运算符
| 类型 | 运算符 |
|---|---|
| 算术运算符 | + - * / % ++ — |
| 赋值运算符 | = += -= |
| 比较运算符 | > < >= <= == != === !== |
| 逻辑运算符 | && || ! |
if判断与switch
与Java一样
注释
单行注释 //
多行注释 /* */
弹出层
alert() 警告框或提示框
prompt() 输入提示框
confirm() 询问框
if(confirm("是否删除此数据？")){
alert("删除成功");
}else{
alert("取消删除");
}
var msg = prompt("输入提示","这是一个框子");
alert(msg);
var ages = ["张三","李四","王五"];
for(var i in ages){
alert(ages[i]);
}
4.程序调试
console.log()
console.log()是JavaScript中的一个[内置函数]，用于在控制台输出信息；该方法对于开发过程进行测试很有帮助。可以输出之前在其中定义的任何类型的变量，或者只输出需要显示给用户的任何消息。
语法
console.log(message);
参数：它接受一个参数，该参数可以是数组，对象或任何消息。
返回值：返回给定参数的值
示例1：传递数字作为参数给
如果数字传递给函数console.log()，那么该方法将显示它。
<script>
var a = 2;
console.log(a);
</script>
示例2：传递字符串作为参数
如果将字符串作为参数传递给函数console.log()，则该方法将显示它。
<script>
var str = "Hello World!";
console.log(str);
</script>
示例3：传递字符char作为参数
如果将字符char传递给函数console.log()，则该方法将显示它。
<script>
var ch = '2';
console.log(ch);
</script>
示例4：传递文本消息作为参数
如果消息传递给函数console.log()，则该方法将显示给定的消息。
<script>
console.log("Hello World!");
</script>
示例5：传递函数作为参数
如果函数被传递给函数console.log()，那么该方法将显示传递的function()的值。
<script>
function func() { return (5 * 19); }
console.log(func());
</script>
示例6：
可以将数字、字符串、函数和文本消息混合作为参数
<script>
var a = 2;
console.log("参数a的值为：" + a);
var str = "Hello";
console.log("参数str的值为：" + str);
</script>
5.函数
系统函数
parseInt("字符串") 将字符串转换为Int类型，便于计算
parseFloat("字符串") 将字符串转换为Float类型，便于计算
isNaN(变量) 检测是否非数字，如果不是数字返回true
自定义函数
function 函数名(参数列表)
{
[return 返回值]
}
funtction show(name,age){
}
//无返回值
使用函数名 show();
//有返回值
var a = show();
注意：行参与实参类型或个数可以不对应
//创建对象
function User(n,a){
this.name = n;//成员变量
this.age = a;//成员变量
this.show = function(a){ //成员方法
document.write(a+"这是对象的show方法"+this.name)
}
}
var ul = new User("李四",18); //创建对象
ul.show("xxxx")
6.事件
使用HTML的属性
| 名称 | 说明 |
|---|---|
| onload | 一个页面或一幅图像完成加载 |
| onclick | 鼠标单击某个对象 |
| onmouseover | 鼠标指导移到某元素上 |
| onkeydown | 某个键盘按键被按下 |
| onchange | 域的内容被改变 |
<!DOCTYPE html>
<html οnkeydοwn="keydown(event)">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button οnclick="login()">登录</button>
</body>
<script type="text/javascript">
function keydown(e){
if(e.keyCode==13){
login();
}
}
function login(){
alert('登录成功')
}
</script>
</html>
标签：console,log,JavaScript,基础,字符串,var,变量
From： https://blog.csdn.net/TuSi_Cat/article/details/140461669