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);//["张三", "李四","王文","赵六","小马哥"]
|