1、JS简介--浏览器端的语言
JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript脚本代码。
2.组成部分
(1)核心(ECMAScript):描述了该语言的语法和基本对象。
(2)DOM:Document Object Model(文档对象模型)--修改更新HTML界面节点控件,用户从浏览器看到的是js动态修改(AJAX)后的页面。
(3)BOM:Brower Object Model --界面与浏览器交互 --浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。
3、JavaScript特点
(1)无需编译,直接由数据 JS引擎负责执行,弱类型语言,面向对象
4、作用
(1)JavaScript代码脚本嵌入动态文本与HTML页面,读写操作HTML界面元素,在数据被提交到服务器之前验证数据,控制cookies,包括创建和修改等,基于node.js技术进行服务器端编程。
5.JS常用代码添加方式
5.1行内式-<button οnclick="alert('行内js')">单击试试</button>
5.2内嵌式
<script>//脚本区域
alert('内嵌js');
</script>
6、JavaScript变量--js是弱类型语言,
即JavaScript脚本不重视类型的定义,js会根据为变量赋值的情况自定判断该变量是何种类型:
数值型:var i = 1;var d = 3.25;
字符串:var str = "学无止境";
布尔型:var a = true;
7.JavaScript变量数据类型
变量数据类型分类
数值型:number(凡是数字都是数值型,不区分整数和小数)
字符串:string(凡是引号包括起来的内容全部都是字符串)
布尔:boolean(true、false)
对象类型:object(声明对象未赋值取值null)
未定义型:undefined
8.取出JavaScript变量类型--typeof(value)--
特别注意--同一个变量可以进行不同类型(number类型,string类型,bool类型,object类型)的数据赋值
typeof(value); 或 typeof value; 返回这个变量的类型
说明 : 同一个变量, 可以进行不同类型的数据赋值.
9.算数运算符
- js中的小数和整数都是number类型,不存在整数除以整数还是整数的结论。
- 字符串和其他的数据使用+号运算,会连接成一个新的字符串。
- 字符串使用除了+以外的运算符:如果字符串本身是一个数字,那么会自动转成number进行运算,
否则就会返回一个NaN的结果,表示这不是一个数字。NaN:not a number
10.三目运算符
条件0?表达式1:表达式=2
如果条件0为true,返回表达式1的结果
如果条件0为false,返回表达式2的结果
11.自定义函数
<script type="text/javascript">
// 定义一个函数 : function
function demo1()
{
return 你好;
}
// 调用函数 :
alert(demo1());
</script>
//关于方法传入参数
<script type="text/javascript">
// 定义一个函数 : function
function demo2(a, b) //传入参数不需要类型定义
{
return a + b;
}
// 调用函数 :
alert(demo2(20, 20));//调用函数后显示40
</script>
12.匿名函数
function(形式参数){函数体}
定义函数并赋值给变量:var fn = function(形式参数){函数体}
调用方式:将匿名函数赋值给一个变量,通过变量名调用函数
调用函数:fn(实际参数);
<script type="text/javascript">
// 匿名函数 : 即没有名称的函数
var func = function(i, u) {
alert(i + " 喜欢 " + u);
}
// 调用函数 :
func("我", "你");//显示 我喜欢你
</script>
13.检测数组属性
var arr = [1,2,3,4];
console.log(arr.constructor);
constructor:返回创建数组对象的原型函数
14.BOM
(1)什么是BOM?(Browser Object Model)
专门操作浏览器窗口的API——没有标准,有兼容性问题--不同浏览器所带的功能不同,也就是创建AJAX连接时所需的参数不同
(2)浏览器对象模型
window: 代表整个窗口
history: 封装当前窗口打开后,成功访问过的历史url记录
navigator: 封装浏览器配置信息
document: 封装当前正在加载的网页内容
location: 封装了当前窗口正在打开的url地址
screen: 封装了屏幕的信息
event: 定义了网页中的事件机制
Attribute: 属性