Javascript必知必会（四）js类型转换

2017年02月06日 8 阅读

string和number booleanjavascript 类型会根据赋值的进行转成相应的类型。var str = "";alert（typeof （str））;//stringstr = ;alert（typeof （str））;//numbervar sum = str + ; //+编程两个数字相加alert（sum）;// 这一种比较明显，一眼就可以计算出其值。但是请看下面这种转换var sum = "" + "";alert（typeo...

JSONP原理及简单实现

2017年02月06日 8 阅读

在web2.0时代，熟练的使用ajax是每个前端攻城师必备的技能。然而由于受到浏览器的限制，ajax不允许跨域通信。JSONP就是目前主流的实现跨域通信的解决方案。虽然在在jquery中，我们可以通过$.ajax的dataType设置为jsonp来调用jsonp，但是jsonp和ajax的实现原理一个关系都木有。jsonp主要是通过script可以链接远程url来实现跨域请求的。如：<script src="http://jsonp.js?c...

浅析JSONP技术原理及实现

2017年02月06日 8 阅读

跨域问题一直是前端中常见的问题，每当说到跨域，第一浮现的技术必然就是JSONPJSONP在我的理解，它并不是ajax，它是在文档中插入一个script标签，创建_callback方法，通过服务器配合执行_callback方法，并传入一些参数JSONP的局限就在于，因为是通过插入script标签，所以参数只能通过url传入，因此只能满足get请求，特别jQuery的ajax方法时，即使设置type: "POST"，但是只要设置了dataType: "json...

使用Web Uploader实现多文件上传

2017年02月06日 8 阅读

引入资源使用Web Uploader文件上传需要引入三种资源：JS, CSS, SWF。<！--引入CSS--> <link rel="stylesheet" type="text/css" href="webuploader文件夹/webuploader.css"> <！--引入JS--> <script type="text/javascript" src="webuploader文件夹/webuploader...

json的使用小结

2017年02月06日 8 阅读

JSON的用途使用基于JavaScript的应用程序，其中包括浏览器扩展和网站使用JSON格式序列化和结构化的数据传输网络连接这主要用于服务器和Web应用程序之间的数据传输Web服务和API采用JSON格式提供公共数据它可以用来与现代编程语言JSON的特点易于读写JSON轻量级的基于文本的交换格式独立语言JSON格式示例：•名称/值对数据表示•大括号持有的对象和每个名称后跟":"（冒号），名称/值对的分离，（逗号）•方括...

非常实用的js验证框架实现源码 附原理方法

2017年02月06日 8 阅读

本文为大家分享一个很实用的js验证框架实现源码，供大家参考，具体内容如下关键方法和原理：function check（thisInput） 方法中的 if （！eval（scriptCode）） {return false;}调用示例：复制代码 代码如下:<input type="text" class="text_field percentCheck" name="progress_payment_two" id="progress_payment...

js验证框架之RealyEasy验证详解

2017年02月06日 8 阅读

使用Really_easy_field_validation_with_Prototype进行表单验证，具体内容如下 1、第一步当然是先引入js和css文件。<link href="${ ctx}/skin/css/validation.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="${ ctx}/scripts/prototype....

webpack中引用jquery的简单实现

2017年02月06日 8 阅读

1.首先需要添加项目中jquery的依赖npm install jquery --save-dev2.参考配置代码：var webpack = require（"webpack"）;var path = require（"path"）;module.exports = {entry:{home:"./src/js/home.js",……},output:{path:__dirname+"/dist/js",filename:"[name].min.js"}...

JavaScript必知必会（五） eval 的使用

2017年02月06日 8 阅读

eval eval（parse） parse ：里面跟参数字符串，我们知道执行javascript 会编译执行，改变全局变量的值：var x = ; //定义的全局变量alert（x）;//var g = eval（"x="）; //eval 会根据当前上下文解析xalert（x）;// 在全局作用域引用eval，改变全局作用域的值，不改变局部作用域的值var g = eval; //全局引用evalvar x = "global";//定义全局变量...

JavaScript必知必会（六） delete in instanceof

2017年02月06日 8 阅读

inin 判断 左边 的字符串或者能转换成字符串的是否属于 右边 的属性。var data = { x: , y: };//定义了直接对象alert（"x" in data）;//true ,x 是data 的一个属性alert（ in data）;//false , 是data的属性值。 var arr = [, , ];//定义了直接数组对象alert（ in arr）;//true ,arr 数组的index包括,,, 是他的一个[]属性。alert...

JavaScript必知必会（七）js对象继承

2017年02月06日 8 阅读

对象继承inheritvar o = { r: };var c = function f（） {};c.prototype = o;c.r = ;alert（o.r）;//被继承的属性值未发生改变。alert（c.r）;//c中r覆盖了o中的属性。如何调用o中的r属性呢。var o = { r: };var c = function f（） {};c.prototype = o;alert（o.r）;// 被继承的属性值未发生改变。alert（c.r）;/...

js定义类的几种方法（推荐）

2017年02月06日 8 阅读

ECMAScript6已经支持了class，但之前版本都不支持类，但是可以通过一些方法来模拟类。js中的类，既是重点，也是难点，很多时候都感觉模棱两可。首先强调一下js中很重要的3个知识点：this、prototype、constructor。下面我们来总结一下定义（模拟）类的几种方法：1.工厂模式function createObject（name,age）{var obj = new Object（）;obj.name = name;obj.age =...

浅谈javascript中的constructor

2017年02月06日 8 阅读

constructor,构造函数，对这个名字，我们都不陌生，constructor始终指向创建当前对象的构造函数。这里有一点需要注意的是，每个函数都有一个prototype属性，这个prototype的constructor指向这个函数，这个时候我们修改这个函数的prototype时,就发生了意外。如function Person（name,age）{this.name = name;this.age = age;}Person.prototype.get...

浅谈几种常用的JS类定义方法

2017年02月06日 8 阅读

// 方法1 对象直接量var obj1 = { v1 : "", get_v1 : function（） {return this.v1; }, set_v1 : function（v） {this.v1 = v; }};// 方法2 定义函数对象var Obj = function（） { var v1 = ""; this.get_v1 = function（） {return this.v1; }; this.set_v1 = function（v...

Jquery ajax请求导出Excel表格的实现代码

2017年02月06日 8 阅读

直接贴代码吧$（"#btn-export"）.click（function（）{var exportExcel = "export_excel";dataParams[exportExcel] = 1;var params = $.param（dataParams）;var url = host+"&"+params;$（"<form method="post" action="" + url + ""></form>"）.appe...

JS & JQuery 动态添加 select option

2017年02月06日 8 阅读

今天有朋友问我一个关于在<select>里动态添加option问题，一开始以为是JS那里动态添加，所以用了JS动态添加option的方法，但你那里是用JQuery的，所以才会一直出错，下面记下在JS和JQuery里添加option的区别。JS：var selid = document.getElementById（"sltid"）;for（var i=0; i<10;i++）{ //循环添加多个值sid.option[i] = new O...

js获取对象、数组的实际长度,元素实际个数的实现代码

2017年02月06日 8 阅读

js获取对象、数组的实际长度,元素实际个数的实现代码/*获取对象、数组的长度、元素个数 *@param obj 要计算长度的元素，可以为object、array、string*/function count（obj）{var objType = typeof obj;if（objType == "string"）{return obj.length;}else if（objType == "object"）{var objLen = 0;for（var i...

实例讲解JavaScript中instanceof运算符的用法

2017年02月06日 9 阅读

instanceof 运算符简介在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，instance...

JavaScript中instanceof运算符的使用示例

2017年02月06日 8 阅读

instanceof运算符可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。实例一：普遍用法A instanceof B :检测B.prototype是否存在于参数A的原型链上.function Ben（） {}var ben = new Ben（）;console.log（ben instanceof Ben）;//true实例二：继承中判断实例是否属于它的父类function Ben_parent（） {}funct...

JavaScript的instanceof运算符学习教程

2017年02月06日 8 阅读

语法object instanceof constructor参数object：要检测的对象.constructor：某个构造函数描述：instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。// 定义构造函数function C（）{} function D（）{} var o = new C（）;// true，因为 Object.getPrototypeOf（o） === C.pro...