javascript基本介绍(一)

2017-10-29 本文已影响0人子约nan

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();