JavaScript笔记梳理

页面输出内容：document.write（“可在这里加上h1标签 ”）

JS控制HTML标签元素。弱变量var定义声明变量，其类型由变量内容决定，如果值为10类型就是int。

也可不使用var直接声明变量，parseInt类型转换

程序逻辑操作：顺序结构，循环结构，分支结构（if ...else...）

javascript中没有equle只有==

输出表格顺序: table tr td, 如 document.write("<td>"+x*y+"</td>"); 元素中属性border要加转义border=\"1\"

空表格元素<td> </td>

定义数组属于对象创建。不区分大小写。

函数定义：function 函数名称(参数列表){ [ return[返回值]；] } 函数 . arguments.length

事件处理：

事件：在HTML中所有事件都是用”onXxx“形式命名。每个事件都有相应的函数处理。

页面加载，页面关闭：在页面加载和关闭的时候可以触发执行某些操作。onload onunload

鼠标事件onmousedown up over out move

<img src="images/1.jpg" onmousedown="fun">触发事件之行fun函数

鼠标选中事件：单击onclick双击ondblclick.

JS操作html代码表单为例

首先取得HTML元素的对象，每个HTML元素都是一个JS对象。旧方法是 document . 元素对象名称

新方法是使用基于DOM操作的两个函数取得单个对象document . getElementById(元素名称)；开发时 name和Id一样，且都要写

取得一组对象document . all (元素名称)；

起源：输入验证操作浏览器交互 ----同时在浏览器和服务器中使用。

简史：1995年产生JavaScript 1.0；之后发布了1.1,1.2 接着在1997年完成了ECMA-262第一版----ECMAScript新脚本语言标准。Unicode实现。

Netscape Navigator 4.06发布的javascript1.3开始完全兼容ECMA-262

JS完整实现包括：核心ECMAScript，文档对象模型DOM，浏览器对象模型BOM。

DOM是针对XML但扩展用于HTML的API，将页面映射成多层节点结构，节点包含着不同类型的数据。DOM Level 1目标是映射文档的结构，包含两个模块：DOM Core和DOM HTML；DOM Level2引入了DOM视图，事件，样式和遍历，范围；DOM Level 3引入了统一加载保存文档和验证文档的方法。

$(this).hide() 演示jQuery hide（）函数，隐藏当前的HTML元素。

$(document).ready(function)为了防止文档在完全加载就绪之前运行jQuery代码。

$("p.intro")选取所有class为intro的p元素。$("[href$='.jpg']")选取所有href值以 .jpg结尾的元素。

jQuery CSS选择器更改p元素背景颜色 $("p").css("background-color" , "red" );

jQuery事件处理方法，jQuery使用$符号作为jQuery的简介方式，prototype是类似的。noConflict（）解决名称冲突问题。

$(selector).click(function) dblclick focus mousecver事件。

jQuery toggle（）实现点击鼠标时hide和show切换。

隐藏显示，淡入淡出，滑动，动画$(selector).animate({params}, speed, callback);。params必须参数定义形成动画的CSS属性。

如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！

ajax是asynchronous javaScript+XML的简称，是不跳转异步载入内容并改写页面内容的技术。Google的Gmail是利用ajax的优秀范例。

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

一个Http请求包括4部分：http请求方法或动作（verb）

正在请求的URL，一个可选的请求头集合其中可能包括身份验证信息，一个可选的请求主题。

服务器返回的HTTP相应包括3部分：一个数字和文字组成的状态码用来显示请求的成功和失败，一个相应头集合，相应主体。

Ajax请求组成：

创建ajax对象，连接服务器，发送请求，接收返回。

浏览器上运行的脚本，控制浏览器的动作，用户交互 && 数据处理

html是内容CSS是格式JS是动作，解释性语言，代码放在html里头，从服务器端下放到浏览器中然后运行

<html>

document.write("<h1>hello world!</h1>");

</script>

</body>

</html>

变量没有类型，值是有类型的

取余就是取模

不区分整型和浮点型

双斜杠是注释

小写字母比大写字母小

if () else if() ...else

switch() { case i : ...break; default : ..break; }

三目运算符 a>b?a:b

for( init , condition, step )

循环：如果有固定次数用for循环；必须执行一次用do_while；其他情况用while

break跳出当前循环；continue跳出当前循环步，进入循环的下一轮

函数是一段代码，起个名字放起来以后用。JS有许多内置函数

函数对象，函数变量var f = new Function("x","y","return x*y")

<br/>换行

数组： new Array

数组转换成字符串：数组 . toString等各种方法

堆栈 push pop 队列push shift

对象：复合数据类型，多个数据集中起来在一个变量中，每个数据起名字，属性集合每个属性有自己的名字和值

new Object

构造方法不直接制造对象，通过this定义成员没有return

原型对象：对象的prototype属性定义了原型对象，可用点 . 运算符读原型对象的属性

当写这个属性时才在它自己内部产生实际的属性

function person() { } person.prototype={}

浏览器中的JavaScript

window浏览器的全局对象，所有的全局变量实际是window的成员

window . document > html

window . document 表示浏览器窗口中的HTML页面

window . write()将内容写入页面

head里的scrip相当于定义函数，放在body里的script相当于执行动作

script的src属性指定外部JS代码文件的URL

body事件 onload装载之前要做的事情 onLoad

onClick onSubmit onMouseOver

简单对话框 alert confirm确定取消 prompt

status 定时器setInterval

window . open控制方法 window.close window.location

DOM文档对象模型，页面元素成员操作

document对象的成员提供了HTML文档的信息

document的常用成员：anchors[] forms[] images[]

posted @ 2016-03-15 11:55 随风9 阅读(159) 评论(0) 编辑收藏举报

刷新页面返回顶部

随风

JavaScript笔记梳理

公告