html-javaScript-基础及对象常用方法

javaScript

边解释 边运行

网页中引用js

内部引用html

外部引用

在head标签中引用

<script src="" type="text/javascript" charset="utf-8"></script>

注意：在head中外部引用了js文件 那么在body中不可以内部引用

标签内引用

在标签内使用需要和事件结合引用

变量

js没有编译报错

---

1、JavaScript介绍

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。

JavaScript特点

向HTML页面中添加交互行为

脚本语言，语法和Java类似

解释性语言，边执行边解释

弱类型语言

2、JavaScript的组成

ECMAScript包含js的基础语法

DOM(文档对象模型)包含js对网页文档的操作

BOM(浏览器对象模型)包含js对浏览器的操作

3、JavaScript的使用，JavaScript需要再HTML中应用，有三种引用方式

1、内部JS

​ 在HTML内部的任意地方添加script标签，在标签内可以编写JS的代码

2、外部JS

​ 将js的代码专门写在一个JS的文件中，在html中使用script标签的src属性引用

3、标签内JS

​ 需要与标签的事件结合使用，通过事件调用js的代码

在使用时，由于内部JS和外部JS都是使用script标签，那么当使用外部JS时，引入的script标签内不能编写其他的JS代码

4、JavaScirpt的输出方式

1、alert(“输出内容”) 可以弹出一个警告窗口显示输出的内容

2、document.write(“输出内容”)，可以往网页中添加指定的输出内容，内容可以为html的标签

3、console对象是浏览器自带的一个对象，可以往浏览器的控制台输出内容（推荐使用）

Console选项查看
console对象的常用调试方法
console.log('hello');
console.info('信息');
console.error('错误');
console.warn('警告');

5、JS变量

创建变量使用var 变量名 = 变量的值

JS属于弱类型语言，变量的类型可以是任意的类型，在赋值时可以赋值为任意值。

let创建局部变量

在JS中默认创建的变量，除了在函数内的变量，其他的都是全局变量

创建的变量可以重名，重名相当于覆盖，但是let创建的变量不允许重名

申明一个变量 使用var let const

直接在script标签内创建的变量是全局变量

6、数据类型

基本数据类型： underfined \ null , number ， string , boolean

引用数据类型： object

数据类型	说明
undefault	var width、变量width没有初始值，将被赋予值undefined
null	表示一个空值，与undefined值相等
number	var iNum=23; //整数 var iNum=23.0; //浮点数
boolea	true和false
string	一组被引号（单引号或双引号）括起来的文本
object	对象由花括号分隔。在括号内部，对象的属性以 名称和值对的形式 (name : value) 来定义

7、String字符串的使用，几乎与Java里的String一致

属性：length

方法：charAt() indexOf() substring() split() valueof() concat() replace()

8、数组，是多个数据的集合，与java的集合类似

​ 1、没有长度限制

​ 2、可以存储任意的类型

​ 3、下标可以为任意类型，但是除了正整数，其他的都不算真正的下标，而是作为数组对象的属性。

​ 4、遍历数组

​ 1、普通的for循环

​ 2、for in循环，取出数组所有的下标与属性

var arr = [1,99,7,32,6,true,'sdf',"hello"];			
for(var i=0;i<arr.length;i++){
   				
    console.log(arr[i]);			
}			
for(var i in arr){
   				
    console.log(arr[i]