JavaScript笔记梳理

Posted 2020-06-23 随风

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 不是新的编程语言，而是一种使用现有标准的新方法。