JavaScript 基础

 

  JavaScript 网页的行为

代码执行 从左至右 从上往下

从外部单独导入js文件
<script type='text/javasrcipt' src='my.js'></script> 

变量 存储数据的容器

var 全局变量  可以变量提升  不存在块级作用域，全局有效

var new= 123  // 数值
var qwe= '帝企鹅' //字符串
var age;//  申明age名称的变量
age=10;赋值 把值存入变量
var age=10;直接声明一个变量   变量的初始化  重要
变量命名规范   允许$  _

let   局部变量  es6新增的语法  

let new= 123  // 数值
let qwe= '帝企鹅' //字符串

 JavaScript：改变 HTML 内容

x=document.getElementById("demo");  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

变量的数据类型

基本数据类型：

Number 数字型

var arr = 123

Boolem 布尔值类型

var isShow = false || isShow = true   布尔（逻辑）只能有两个值：true 或 false。

String 字符串类型

var carname="Volvo XC60";  双引
var carname='Volvo XC60';  单引

Undefined 声明了变量a 没有给值

var x;   // x 为 undefined

Null 声明变量a为空值

 

复杂数据类型：

Object 对象  对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={  花括号
 属性         值
firstname : "John",
lastname  : "Doe",
id        :  5566

};

Array 数组 【  】数组对象是使用单独的变量名来存储一系列的值。

: 常规方式:
var myCars=new Array();
myCars[0]="Saab";      
myCars[1]="Volvo";
myCars[2]="BMW";

2: 简洁方式:
var myCars=new Array("Saab","Volvo","BMW");

3: 字面:
var myCars=["Saab","Volvo","BMW"];

使用数组对象预定义属性和方法：       
var x=myCars.length             // myCars 中元素的数量
var y=myCars.indexOf("Volvo")   // "Volvo" 值的索引值
访问数组
以下实例可以访问myCars数组的第一个值：
var name=myCars[0];

以下实例修改了数组 myCars 的第一个元素:
myCars[0]="Opel";

 数组的方法

 

Function 函数  

                    形参
function 函数名 （new,new2）{

    var x=5;
    return x;  return 值  函数停止操作

}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>

<script>
function myFunction(name,job){
	alert("Welcome " + name + ", the " + job);
}
</script>

函数内一般是  =  键值对值

obj=Datalist  前面建名  后面建值

  ：定义数据  一般在函数外

Datalist:'123'

JS中获取元素

1、通过ID获取（getElementById）
2、通过name属性（getElementsByName）
3、通过标签名（getElementsByTagName）
4、通过类名（getElementsByClassName）
5、通过CSS选择器获取（querySelector、querySelectorAll）

JS添加元素

  trs.setAttribute('id','tr')