JavaScript

HTML

JavaScript

1.Javascript概述
nombas c----------->ScriptEase
NetScape 网景 - Navigatoion---->LiveScript
Java--------------LiveScript---->javascript
MicroSoft---->IE------>JScript

ECMA (欧洲计算机制造商协会)------>ECMAScript是一套规范

javascript是什么?
1.基于对象和事件驱动的脚本语言 (它要求放在浏览器中去解析)
2.无需编译,可由浏览器直接解释运行
3.JavaScript 是一种弱类型语言

交互性(它可以做的就是信息的动态交互)
安全性(不允许直接访问本地硬盘)
跨平台性(只要是可以解释Js的浏览器都可以执行,和平台无关)

JavaScript语言组成
ECMAScript核心语法

BOM
DOM

JavaScript与Html的结合方式
1.直接在事件中写
“javascript:alert(‘Hello World’)”
2. 通过

	1.<script>可以写在网页的地方
	2.一般写在<head>部分
	3.除非咱们要网页的body部分打印输出时,才把它放在body部分
3.引入外部js文件
	<script type="text/javascript" src="demo3.js" >
	
	</script>
	注意:
		通过这种方式引入外部js文件,在内部所写的js代码是不会执行的。

JavaScript基本语法
1.变量
2.数据类型
Undefined、Null、Boolean、Number 和 String
1.Undefined
1.变量定义了,但是没有赋值
2.通过typeof()测试,结果也是undefined
2.Null
1.通过alert()直接输出,得到一个null结果
2.通过typeof()测试,它的结果是一个Object
3.Boolean
看赋值为true/false
非0都为真
0都为假
4.Number
不区分整数与小数都认为是number
5.String
用“”引号引上的
未定义 直接拿变量用,这样使用是语法错
var s=“1”//定义了一个基本类型的字符串
var s = new String(“1”);//定义了一个String对象
基本类型为什么能调方法?
s.toString();//说明了javascript是弱数据类型,它底层已经做了转化
6.运算符
==值相等 ===类型和值都要相等

7.控制语句
if/else/else if
switch (字符串)
三元运算符 条件?值1:值2; (条件)null,false,0,’’,undefined,NaN为假,其它都为真

for/while/do.while

JavaScript常用对象介绍
1.Array对象 数组对象,进行数组操作

String对象 ----- 字符串类型的引用类型
var s = new String("itcast");
Number对象 ---- 数字原始类型引用类型
var n = new Number(100);
Boolean对象 ---- 布尔原始类型引用类型 
var b = new Boolean(true);
Math对象 执行数学任务
Date对象 用于处理日期和时间
RegExp 对象正则表达式对象 

JavaScript 函数的定义
1.第一种方式
function函数名(){

}

2.第二种方式
/var show = function (){
alert(“Hello”);
}
/
//alert(show);//当成变量看,输出function
//show();//调用 变量名()

3.第三种方式 参数:前面都是参数,函数体是最后一个参数
var show = new Function(“a”,“b”,“return a+b”);
/*
function show(a,b){
return a+b;
}

4.全局函数
//parseInt();转整数
//parseFloat();//转小数

//isNaN()//判断是否为数字 为数字返回false 不为数字返回true

//eval() eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。

//escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。
//unescape() 函数可对通过 escape() 编码的字符串进行解码。

BOM:
浏览器对象模型
DOM Window :窗口
属性:
status :状态栏
self:自己
top:顶层窗口
parent:父窗口
方法
alert();显示带有一段消息和一个确认按钮的警告框。
confirm();显示带有一段消息以及确认按钮和取消按钮的对话框。弹出确认取消框 点确定会返回true,否则返回false
prompt();弹出一个带有输入文本的对话框 会返回在文本框中输入的值

			open();用于打开一个指定的窗口
			close();用于关闭当前窗口
			setInterval()
			setTimeout()


		

DOM Navigator 
	appName  浏览器名称
	appVersion 浏览器版本
	platform 操作系统
DOM Screen 
DOM History 
	go()//数字
	back();//后退  go(-1)
	forward()//前进 go(1)
DOM Location 
	href属性:设置或返回完整的 URL。

事件
鼠标移动事件
onmouseover 悬停
onmouseout 移开

	onmousemove移动
	onclick点击

加载与卸载事件 
	onload 加载
	onunload 关闭
	onbeforeunload关闭浏览器之前
聚焦与离焦事件
	onfocus 得到焦点
	onblur 推动焦点
键盘事件
	onkeydown 键盘按下
	onkeypress 键盘压住
	onkeyup 键盘弹起
提交与重置事件
	" return 函数名()",而且函数一定要有返回值,  true代表表单提交  false不提交
选择与改变事件
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值