【Javascript学习笔记1 数据类型】教程文章相关的互联网学习教程文章

Javascript学习笔记一 之 数据类型

一.数据类型 Javascript是一种弱类型的脚本语言,它一共有6种数据类型,又被分为基础数据类型,特殊数据类型,复合数据类型。    1.基础数据类型:数值型,字符串型,布尔型    2.特殊数据类型:null,undefined(区别在于null需要显性赋值,而undefined表示没有赋值)    3.复合(引用)数据类型:Object(数组是特殊的对象) 注:理解基础数据类型和引用数据类型的区别。如函数参数传递 二. 包装类和基础数据类型的关系 对于...

Javascript学习笔记二 之 变量

一.关于Javascript变量声明 在Javascript中,声明一个变量 var a=1; 也可以直接 a=1; 这两种表达是有区别的, 一个是当前作用域的局部变量,另一个则是当前作用域的全局变量;  Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。  代码如下:var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量。 代码如下:function f1(){   var n=999; } alert(n); // e...

JavaScript学习笔记之获取当前目录的实现代码

代码如下:function GetCurrentDirectory() { var curHref = location.href; var curArray = locHref.split("/"); delete curArray[curArray.length - 1]; var curdir = curArray.join("/"); return curdir; }

jQuery学习笔记之Helloworld【图】

jQuery是什么? jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera ...

jQuery学习笔记之DOM对象和jQuery对象【图】

什么是DOM对象? HTML是以树形结构来组织文档的,具体如下: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>1-4</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- 引入 jQuery --> <script src="../scripts/jquery-1.3.1.js" type="text...

jQuery学习笔记之jQuery选择器的使用

一.基本选择器:#id :选择给定ID名的元素 如:$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素,以逗号隔开,可以是类或id名 二.层次选择器:$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素 $("parent>child") :选择parent下的所有child(子)元素 $(prev+next) :选择紧...

jQuery学习笔记之jQuery的DOM操作

一.节点的操作 1.查找节点: var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点 如:var $ul_1=$("ul"); 2.创建并追加节点: var $var_1=$("<htmltype>");//这句话是创建一个节点 $("htmltype2").append($var_1) ; //这句话是把节点插入所有htmltype2节点中 例子:var $li_1=$("<li title="title1">香蕉</li>"); $("ul").append($li_1); 其中插入方法有以下几种:append() 把B追加到A内部(所有的A元素...

jQuery学习笔记之jQuery的事件

一.事件绑定 1.事件绑定函数 事件的绑定函数为如下形式: .bind(type [,data],fn) type:类型 如click..... data:参数 fn:事件执行的函数 例子 代码如下:$(function(){ $(#id1).click(function(){ $(#id2).show();//id2显示 }) ; }); 二.合成事件 1.鼠标滑过事件 .hover(enter,leave) enter:鼠标光标移动到对象时触发的函数 leave:鼠标光标移出对象触发的函数 例子: 代码如下:$(function(){ $(#id1).hover(function(){ $(#id2)....

jQuery学习笔记之jQuery的动画

一.系统预定义的动画函数 1.显示隐藏函数 show(); //显示元素(同时增加宽、高、不透明度) hide(); //隐藏元素 执行hide()隐藏界面元素,相当于将css样式中的display:none. 我们也可以在函数中加入参数,具体如下: show("slow"); 除了slow取值外,还可以设置为normal,fast,分别代表时间为600,400,200毫秒 我们也可以加如具体时间取值。具体如下: slow(1000); 这样代表时间完全显示出元素的时间间隔为1000毫秒 2.不透明度函数 fa...

jQuery学习笔记[1] jQuery中的DOM操作

DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM. 1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById(),getElementsByTagName()...等方法. 例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName("form"); 2,HTML-DOM. 在使用JavaScript和DOM为HTML文件编写脚本的时候.有许多专属于HTML-DOM的属性.HTML-DOM的出现甚至比DOM Core还要早,它提供了一些更简明的...

javascript 学习笔记(onchange等)

1.onchange 及其onpropertychange,oninput 在IE下可使用onpropertychangel立即触发监听, oninput 可以使用在FF下,但必须使用w3c推荐的addEventListener的方式来绑定事件. //www.gxlcms.com/article/25275.htm2. <button></button>也有type属性: 很少用一般使用input标签,今天开发那边使用button说在ff下怎么和提交相同,查手册发现button有type属性值为:submit reset button,在我印象中他就是button的,错误了。。 并且此标签在...

jQuery Study Notes学习笔记 (二)

1. 使用class与id选择HTML元素   选择id为"myDivId"的元素.由于id是唯一的,所以总是选择到1个或0个元素 代码如下:$(#myDivId) 选择class为"myCssClass". 可以选择任何多个class为"myCssClass"的元素. 代码如下:$(.myCssClass) 获取或设置元素的值 代码如下:var myValue = $(#myDivId).val(); // get the value of an element $(#myDivId).val("hello world"); // set the value of an element 选择id中有.和:时,前面添加...

JQuery Study Notes 学习笔记(一)

1. 使用jquery   到jquery.com下载jquery.js当前版本是1.4.2   新建一个html页面 代码如下:<!DOCTYPE html><BR><html lang="en"><BR><head><BR> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><BR> <script type="text/javascript" src="<SPAN style="COLOR: #ff0000"><STRONG>jquery.js</STRONG></SPAN>"></script></PRE> <PRE class=brush> <script type="text/javascript"><BR> <SPAN styl...

JQuery 学习笔记01 JQuery初接触

一、下载官方网址是http://jquery.com/官方下载地址:http://docs.jquery.com/Downloading_jQuery里边有当前版本和历史版本的下载,可以下载下来部署在自己的服务器上上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址,由于目前jQuery的广泛使用,选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。官网上下载有两种版本Compressed(Minified version)和Uncompressed(Source version)前者...

jquery学习笔记二 实现可编辑的表格【图】

实现可编辑的表格demo: 实例图: 代码: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/jscript" src="jquery-1.4.2.min.js"></script> <script type="text/jscript" language="javascript"> //简化的ready写法:页面加载完成时候...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部