javaScript的概念:
(1)javaScript主要用来向HTML页面添加交互行为。
(2)javaScript是一种脚本语言,语法和java类似。
(3)javaScript一般用来编写客户端脚本。
(4)javaScript是一种解释性语言,边执行边解释。
javaScript由核心语法ECMAScript、浏览器对象模型(BOM) 主要用于管理窗口与窗口之间的通讯,因此其核心对象是window、文档对象模型(DOM)三部分组成。
引入javascript的三种方式
1.使用<Script></Script>标签内部样式;
2.使用外部js文件;
3.直接在HTML标签中的行内样式。
javascript的作用
1.实现页面表单验证
2.实现页面交互特效
javascript的特点
1.被设计用来向Html页面添加交互行为
2.是一种英特网上最流行的脚本语言
3.一般用于编写客户端脚本
4.是一种解释性语言
javascript的语法
1.区分大小写
2.注意变量,函数等命名规范
3.每行代码以分号结束
javascript中的函数
1.系统函数
ParseInt();转换为整数
isNaN(判断是不是数字)
typeof(var);判断是什么数据类型
eval(“5+2”);计算表达式值
2.自定义函数
Function 函数名(){javaScript代码}
Function 函数名(参数1,参数2){javaScript代码 return 返回值(可选)}
基础内容
1.document.write() :输出内容到页面上;
2.alert() :弹出一个消息对话框;
3.confim() :弹出一个确认的消息对话框,返回值为false(点击确定)或者true(点击取消)
4.prompt(str1,str2):含有一个确定/取消按钮和一个文本输入框,返回值为文本框内容(点击确定),或者null(点击取消);
str1:是要显示在消息对话框中的文本,不可修改。str2:是文本框中初始值,可以修改
5.window.open(url,窗口名称,参数字符串): 打开窗口。
url:打开窗口的网址或路径。
6.window.close()或者 《窗口对象》.close():关闭窗口 例如:var mywin = window.open(url,窗口名称,参数) mywin.close();
7.HTML文档可以说由节点构成的集合,三种常见的DOM节点:
(1)元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。
(2)文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本;
(3)属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com";
8.document.getElementById("id名称") :通过id获取对象,获取的元素是一个对象,如果想对元素进行操作,我们要通过他的属性或者方法;
9.innerHTML:用于获取或者替换html元素的内容,采用对象调用的方法 例如: object(一个ID对象).innerHTML = "html内容" 注意大小写的问题,否则出不来的;
10.Object.style.property=new style; 用js通过对象改变html的样式,例如:获取某个对象,改变样式
p.style.color = "red";
p.style.font = "20px";
11.display:显示和隐藏标签 格式:Object.style.display = value object可以是通过id或者其他获得到的对象;
value = "none":隐藏
value = "display":显示
12.className 属性设置或返回元素的class 属性。可以用来改变className的类名达到效果,比如类名为hide和active达到显示和隐藏。 语法:object.className = classname;
14.onclick = "函数名();" onclick事件:鼠标点击事件;
15.onmouseover = "函数名();" :鼠标经过事件,鼠标移动到一个对象就出发该事件;
16.onmouseout = "函数名();" :鼠标移开事件,鼠标移开时触发该事件;
17.onfocus() :把光标聚焦到该对象上;例如:object.onfocus();
该对象被聚焦时触发: onfocus = "函数名()";
18.onblur :是onfocus的相对事件,光标离开时触发该事件;
19.onselect:选中事件,文本框过着文本域中的文字被选中时触发;
20.onchange:改变文本框中的内容来触发相关函数事件;
21.onload:事件会在页面加载完成后立即触发,同时执行被调用的函数 onload = “函数();”
window.unload = "函数();";
22.onunload:当用户退出页面时(页面关闭,页面刷新)触发;
23.日期对象:Date var date = new date();