1.三种引入方式
1.行内js <div onclick = 'add(3,4)'></div>
function add(a,b){
}
2.内接JS
<script>/*js 代码*/</script>
3.外接样式
<script src='main.js'></script>
//在前端项目中 当你看到index、main开头，这个时候应该考虑是项目的入口文件
//标签中img标签 link标签 script a标签 里面的属性 href src 都会往服务器发送请求 get请求
def add():
print('111')
add()
对象：万事万物皆对象 window对象：属性和方法(浏览器提供了一些自己的属性和方法)
//在script脚本中声明的变量、函数（方法）都会被挂载window，这个window是一个全局对象
//全局对象和局部作用
在js中，所有的事件都是带on的
alert 是浏览器原生的方法
windows.alter('11')也能执行。
但是在js里面，可以省略window
但是有一个例外，window.onload必须要写全。
在js声明对的变量，都被window挂起
|
1
2
|
var d1 = 11;
console.log(window.d1);
|
查看console，就会看到11
直接查看window
|
1
|
console.log(window);
|
查看console，这里面有很多属性，其中就有alert，还有声明的变量。
一、常用内置对象
所谓内置对象就是ECMAScript提供出来的一些对象，我们知道对象都是有相应的属性和方法
数组Array
1.数组的创建方式
- 字面量方式创建（推荐大家使用这种方式，简单粗暴）
|
1
|
var colors = ['red','color','yellow'];
|
- 使用构造函数（后面会讲）的方式创建 使用new关键词对构造函数进行创建对象
|
1
|
var colors2 = new Array();
|
2.数组的赋值
|
1
2
3
4
5
|
var arr = [];
//通过下标进行一一赋值
arr[0] = 123;
arr[1] = '哈哈哈';
arr[2] = '嘿嘿嘿'
|
3.数组的常用方法
3.1 数组的合并 concat()
|
1
2
3
4
5
|
var north = ['北京','山东','天津'];
var south = ['东莞','深圳','上海'];
var newCity = north.concat(south);
console.log(newCity)
|
3.2 join() 将数组中的元素使用指定的字符串连接起来，它会形成一个新的字符串
|
1
2
3
|
var score = [98,78,76,100,0];
var str = score.join('|');
console.log(str);//98|78|76|100|0
|
3.3 将数组转换成字符串 toString()
|
1
2
3
4
5
|
var score = [98,78,76,100,0];
//toString() 直接转换为字符串 每个元素之间使用逗号隔开
var str = score.toString();
console.log(str);//98,78,76,100,0
|
3.4 slice(start,end); 返回数组的一段，前开后闭
|
1
2
3
|
var arr = ['张三','李四','王文','赵六'];
var newArr = arr.slice(1,3);
console.log(newArr);//["李四", "王文"]
|
3.5 pop 移除数组的最后一个元素
|
1
2
3
|
var arr = ['张三','李四','王文','赵六'];
var newArr = arr.pop();
console.log(newArr);//["张三", "李四"，"王文"]
|
3.6 push() 向数组最后添加一个元素
|
1
2
3
|
var arr = ['张三','李四','王文','赵六'];
var newArr = arr.push('小马哥');
console.log(newArr);//["张三", "李四"，"王文"，"赵六"，"小马哥"]
|
|
1
2
3
|
var arr = ['张三','李四','王文','赵六'];
var newArr = arr.push('小马哥');
console.log(newArr);//["张三", "李四"，"王文"，"赵六"，"小马哥"]
|