JAVASCRIPT - 技术教程文章

Javascript Ajax总结——XMLHttpRequest对象【代码】

Ajax技术能向服务器异步请求额外的数据,会带来更好的用户体验。Ajax技术核心:XMLHttpRequest对象(简称XHR)。XHR为向服务器发送请求和解析服务器响应提供了流畅的接口。1、创建XMLHttpRequest对象创建XMLHttpRequest对象:1var xhr = new XMLHttpRequest();注:IE7+、Firefox、Opera、Chrome和Safari支持原生XHR对象。(但是我测试IE5也支持原生XHR对象,可能是做了更新)IE7及之前的版本需要使用MSXML库中的XHR对象。如下所示,...

javascript权威指南笔记学习【代码】

//返回了一个继承自原型对象p的属性的新对象function inherit(p){if (p ==null) throw TypeError();if (Object.create){return Object.create(p);}var t=typeof p;if (t!=="object"&&t!=="function") throw TypeError();function f(){};f.prototype=p;returnnew f();}属性访问错误属性访问并不总是返回或设置一个值。查询一个不存在的属性并不会报错,如果在对象o自身的属性或继承的属性中均未找到这个属性x,属性访问表达式o.x返回...

JavaScript第一节课【图】

1.用法:位于<script></script>可以位于body和head中,不限制标签数量,也可以创建外部Js文件,然后引入。(引入方法:<script src=”地址”></script>)2.输出:document.write(“字符串”); document.write(“HTML的标签输出”);3.通过Js修改html标签的内容 4.JS的语法:语句之间的分割是分号;按照编写的顺序执行;标识符必须是下划线,字母,美元符号开始;对大小写非常敏感...

javascript--函数(一)【代码】

函数是将实现某一功能的代码集合起来,以便重复使用的代码块。  一、函数的创建与调用//基本语法声明函数及调用 function obj(){alert(1) } obj() //字面量定义函数(匿名函数的自调用) (function(){//函数功能代码块 })()//对象形式声明函数 <body> <div onclick="fname3()" style="background: red;width: 100px;height: 100px"></div> <!--事件调用--!> </body> <script>var fname3=new Function("alert(1)"); </script...

jQuery/javascript实现全选全不选【代码】

1<html> 2<head> 3<meta charset="utf-8"> 4<title>Checkbox的练习</title> 5<style type="text/css"> 6*{margin:0px;padding:0px;} 7table{width:100%;text-align:center;} 8</style> 9 10<script src="jquery.js"></script> 11<script language="javascript"> 12 $(function(){13//给全选的复选框添加事件 14 $("#all").click(function(){15// this 全选的复选框 16var userids=this.checked;17//获取name=box...

javascript 对象池【代码】【图】

* 一个对象池的简单应用 tool tiptootip.html<html> <head><meta charset="UTF-8"><title>tool tip</title> </head> <body><script type="text/javascript" src="js/toolTip.js"></script> </body> </html> js/toolTip.jsvar toolTipFactory = (function() {var toolTipPool = [];return {create: function() {if (toolTipPool.length === 0) {var div = document.createElement("div");document.body.appendChild(div);console.lo...

JavaScript 之正则表达式【代码】

一、创建正则表达式的两种方式:字面量1var re = / ab+c / ;  2. 调用RegExp对象的构造函数1var re = RegExp(“ab+c”); 二、特殊字符^    匹配输入的开始$    匹配输入的结束*    匹配前面一个字符0次或多次+    匹配前面一个字符1次或多次?    匹配前面一个字符0次或1次.     匹配任何单个字符,除新一行开头{n}    重复n次{n,m} 重复n-m次[asd]  一个字符集合中任意字符[^asd] 反字符集合...

Javascript - Arraylike的7种实现【代码】【图】

jQuery的崛起让ArrayLike(类数组)在javascript中大放异彩,它的出现为一组数据的行为(函数)扩展提供了基础。类数组和数组相似,具有数组的某些行为,但是它相比数组可以更加自由的扩展,它的存在让一组数据的表现不再受限于数组,也无需去污染数组本身的原型——它来自javascript对象的挖掘和扩展,而并非javascript本身就存在的。简单的说,它来自数组,比数组更加适合扩展。本文原创于linkFly,原文地址。这篇文章主要分为以...

JavaScript表单验证【代码】【图】

介绍一下表单验证,不错哦: 如图CSS代码@charset "gb2312"; /* CSS Document */body,dl,dt,dd,div,form {padding:0;margin:0;}#header,#main{width:650px;margin:0 auto;} .bg{background-image:url(../images/register_bg.gif);background-repeat:no-repeat;width:6px;height:6px;}.bg_top_left{background-position:0px 0px;}.bg_top_right{background-position:0px -6px;}.bg_end_left{background-position:0px -12px;}.bg_end...

javascript之Arguments【代码】【图】

一、Arguments.callee  //获取当前正在执行的函数,也就是这个函数自身,常用于获取匿名函数自身     语法:arguments.callee var factorial = function (x) {if (x < 2) {return 1;}else {return x * arguments.callee(x - 1);}}document.write(factorial(3)); //返回6 3*2*1二、Arguments.length  //获取传递给函数的参数个数     语法:arguments.length var fun1 = function (x) {return argumen...

[Javascript] 层控制(隐藏、显示、卷起、展开)【代码】

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Animate</title><script>( function(){ if(!window.dk){window[‘dk‘]={} } //根据ID获取对象function $(){if(typeof(arguments[0]) ==‘string‘)return document.g...

DHTML 动态HTML 包含HTML CSS JavaScript dom

HTML 负责提供标签,对数据进行标记封装CSS 负责提供样式属性,对数据进行样式定义DOM 负责将标记文档和标签等内容解析成对象,并在 对象中定义属性和行为,就可以指挥对象做事情。JAVASCRIPT 负责网页页面的行为(该怎么动),动态效果的体现,需要程序设计语言来完成。 基本步骤1、定义页面机构,HTML;2、定义页面样式:CSS;3、动态效果,对象已经被DOM解析驻留在内存;3.1、明确事件源;3.2、明确事件动作;3.3、定义出来方式...

javascript 关于函数的返回值【代码】

在javascript中根据调用方式的不同返回的内容也不同1. 以函数的形式调用当以函数的形式调用时, 返回值和函数定义时的 ruturn 有关, return的是数字就number类型, return字符串就是string类型, return 一个函数就得到Function类型, 总之return什么就得到什么. 2. 以new操作符调用函数function A() {this.name = "Tom";this.age = 23; } var a = new A();这是典型的创建对象的方式, 但如果给这个A函数添加一个return 会是什么结果呢...

(转)深入理解javascript连续赋值表达式【代码】【图】

引入今天逛园子的时候看到一道javascript面试题,是关于连续赋值的,正好最近读jQuery源码经常看到这种连续赋值的表达式,所以很感兴趣。废话不多说,来看题:var a = {n: 1} var b = a; a.x = a = {n: 2} console.log(a.x); console.log(b.x)答案:console.log(a.x); // undefined console.log(b.x) //{n:2}View Code看到这个答案,我真是百思不得解。。。。 于是网上搜了搜,整理如下: 以下转自:http://www.iteye.com/topic/78...

JavaScript 视频教程 收藏

001 JavaScript第1章 JavaScript概述 https://www.365yg.com/group/6410923214495940866/ 001 JavaScript第1章 JavaScript概述 https://www.365yg.com/group/6410923214495940866/002 JavaScript第2章 使用JavaScript https://www.365yg.com/group/6410931641229066498/003 JavaScript第3章 语法、关键保留字及变量 https://www.365yg.com/group/6410973822937612545/004 JavaScript第4章 数据类型上 https://www.365yg.com/group/...

javascript基础(第五天)

路漫漫其修远兮,吾将上下而求索!js面向对象博大精深,深究内部,将无往而不利,终成一代宗师.开胃菜变量的重复声明是否有影响?var a = {};var a;a;一点启发?数组 对象 函数[] {} function X(){}new Array() new Object() new X()前面的小问题(1)函数没有指定返回值,默认返回什么? //undefined(2)js有块作用域吗? //只有函...

[Javascript] Maybe Functor【代码】

In normal Javascript, we do undefine check or null check:var person = {age: 14, name: "Suvi"}; var name = person.name ? person.name: null;Sometime backend data return may contain or not contain ‘name‘ prop. So let‘s see how to define a Maybe() functor:var _Maybe.prototype.map = function(f) {returnthis.val ? Maybe(f(this.val)) : Maybe(null); }map(capitalize, Maybe("flamethrower")) //=> Maybe(“F...

告诉你什么是javascript的回调函数

在javascript中回调函数非常重要,它们几乎无处不在。像其他更加传统的编程语言都有回调函数概念,但是非常奇怪的是,完完整整谈论回调函数的在线教程比较少,倒是有一堆关于call()和apply()函数的,或者有一些简短的关于callback的使用示例。   函数也是对象  想弄明白回调函数,首先的清楚地明白函数的规则。在javascript中,函数是比较奇怪的,但它确确实实是对象。确切地说,函数是用Function()构造函数创建的Function对象...

JavaScript If...Else、Switch、For、While、Break、Continue语句【代码】【图】

一,JavaScript If...Else 语句条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行switch 语句 - 使用该语句来选择多个...

JavaScript数据结构

1. 标识符  所谓的标识符(identifier),就是一个名称。在javascript中,标识符用来命名变量和函数,或者用作javascript代码中某些循环的标签。合法的标识符命名规则如下:  (1)必须以字母、_或$开头,中间可以是字母、数字或_、$。  (2)不能包含空格或+、-等特殊符号。  (3)不能和javascript中的关键字同名。  (4)严格区分大小写。例如studentname和studentName代表两个不同的变量。 2. 关键字javascript关键字表...

JavaScript函数创建【图】

js的函数也是对象,其创建有三种方式:函数声明、函数表达式、函数构造器。 上图中,左边为函数声明,右边为函数表达式。 上图的要点为:函数声明和变量声明会前置,函数表达式不会前置。 上图的要点为:1.可通过构造器直接新建函数,new可以省略。2.Function前面的入参为函数入参,最后一个参数为函数体。 上图的要点为:函数中的变量存在在自己的作用域中,不可跨函数调用。 上图的要点为:1.函数表达式和函数构造器允许匿名,且...

javaScript中奇葩的假值【代码】

JavaScript中有 6 个值为“假”,这六个值是:falsenullundefined0‘‘(空字符串)NaN这里面 false 本身是布尔类型,其它 5 个则不是。除了这 6 个外,其它均为“真” ,包括对象、数组、正则、函数等。注意 ‘0‘、‘null‘、‘false‘、{}、[]也都是真值 。 虽然这六个值都为“假”,它们之间并非都相等: 1 console.log( false == null ) // false 2 console.log( false == undefined ) // false 3 console.lo...

JAVASCRIPT对象【代码】【图】

越是学习就感觉自己知道的东西越来越少,这是一个必然的过程,再次将知识综合回顾一下.<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>TESTJAVASCRIPT</title></head><body><script type="text/javascript">//var myData=new Object();//定义对象var myData={name:‘Jeccy‘,sunny:‘suny‘,printMessages:function(){document.writeln("Hello "+myData.name+"."+‘Today is ‘+this.weather+‘.‘);}}//增加属...

[javascript 实践篇]——那些你不知道的“奇淫巧技”【代码】

1. 空(null, undefined)验证刚开始,我是比较蠢的验证(我还真是这样子验证的)if (variable1 !== null || variable1 !== undefined || variable1 !== ‘‘) { let variable2 = variable1; }大哥教会了我这样子验证,你会惊叹一下的let variable2 = variable1 || ‘‘;如果你不信,在谷歌浏览器开发者面板的控制台下试试!//值为null的例子 let variable1 = null; let variable2 = variable1 || ‘‘; console.log(variable2); /...

javascript如何设置DIV背景色为随机色【代码】

随机色有两种格式:效果预览:http://wjf444128852.github.io/DEMOLIST/JS/test/index.html1、rgb(xxx,xxx,xxx)2、#xxxxxx下面实现两种随机的方法思路:就是如何让x都是随机的,1、中的xxx是0-255之间的随机整数,用Math.random()*255取得0-255之间的随机数,再Math.floor()保留小数点前面的2、中的x是0123456789abxdef中的随机6个的组合,这里可以用数组或者字符串处理,这里采用数组,只要从数组里取6次,每次取得数组下标是0-16...

jquery javascript写的loading【图】

650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115114209246.jpg" title="QQ图片20140901164452.jpg" />var mask="<div id=‘m‘></div>";var loading="<div id=‘loadingDiv‘ style=‘‘><img src=‘../../theme/blue/images/blue/loading-blue.gif‘></img>主备切换中.......</div>";$("body").prepend(loading).prepend(mask);$("#loadingDiv").css("position","absolute").css("width","221px").css(...

javascript替换手机号中间4位【代码】

// 匹配手机号首尾,以类似“123****8901”的形式输出 ‘12345678901‘.replace(/(\d{3})\d{4}(\d{4})/, ‘$1****$2‘);此段正则匹配字符串中的连续11位数字,替换中间4位为*号,输出常见的隐匿手机号的格式。如果要仅得到末尾4位,则可以改成如下形式:// 匹配连续11位数字,并替换其中的前7位为*号 ‘15110280327‘.replace(/\d{7}(\d{4})/, ‘*******$1‘);补充注释:正则表达式中的括号即可用于分组,同时也用于定义子模式串,...

JavaScript-作用域和作用链

一  在JS中,函数也是对象,所有的都是对象,函数对象和其它对象一样,拥有通过代码进行访问和一系列通过JS引擎访问的属性 二、  作用链:作用域中对象的集合,他决定了哪些数据可以被函数访问 **************************** var test=function() //块极作用域 {   if(1+1==2){     var str="JS中没有块极作用域,所以str是可以调用的";   }   console.log(str); } test(); //JS中没有块极作用...

2016年2月23日----Javascript逻辑判断语句

---Javascript逻辑判断语句--条件语句用于基于不用的条件来执行不同的动作--if:只有当指定条件为true时,使用该语句来执行代码--if...else:当条件为true时执行代码,当条件为false时执行其他代码--if...else if...else:使用该语句来选择多个代码块之一来执行--switch:只用该语句来选择多个代码块之一来执行原文:http://www.cnblogs.com/lyh0501/p/5219702.html

【JavaScript】新浪微博ajax请求后改变地址栏url,但页面不跳转的方案解析

新浪微博当你弹出一个视频的时候再点下一页时,原视频还在,而且地址栏的url的页数变了。对于这种网上讨论最多的方案有以下几种:一、通过锚点Hash实现在这方面其实国内很早就有做了,比如淘宝画报,通过的是在地址栏后面加#锚点实现的,浏览器是可以识别锚点为单位的历史记录的。但不是说页面本身有这个锚点,锚点的Hash只是起到一个引导浏览器将这次的记录推入历史记录栈顶的作用。二、通过HTML5加强型的History对象实现(类Pjax)...

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 全部