JavaScript获取页面上被选中文字的方法技巧

2017年02月06日 13 阅读

这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法。最关键的JavaScript API是：复制代码 代码如下:event.selection = window.getSelection（）;这里的selection实际上是个对象，但如果我们使用 .toString（）或强行转化成字符串，我们将得到被选中的文字。复制代码 代码如下:$（document）.ready（function （） {$（".contenttext"）.m...

DOM操作一些常用的属性汇总

2017年02月06日 12 阅读

1.DOM：文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。2.DOM的一些常用的属性 2.1 通过ID获取元素 （1）语法：复制代码 代码如下:document.getElementById（"id"）; （2）作用：id就向一个人的身份证，我们可以通过寻找标签的id来寻找标签，然后进行相应的操作。 （3）注意：不...

检测一个函数是否是JavaScript原生函数的小技巧

2017年02月06日 12 阅读

在我的开发工作中经常会遇到需要判断一个函数是否是JavaScript原生函数的情况，有时候这是一个很必要的工作，你需要知道这个函数是浏览器自身提供的，还是由第三方封装、伪装成原生函数。当然，最好的方法是考察执行这个函数的toString方法的返回值。The JavaScript完成这个任务的方法非常简单：复制代码 代码如下:function isNative（fn） {return （/{s*[native code]s*}/）.test（"" + fn）...

jQuery.position（）方法获取不到值的安全替换方法

2017年02月06日 12 阅读

调用jQuery.position（）方法会返回相对于父元素的位置，jQuery官方文档中描述说，它跟.offset（）方法不一样，.offset（）返回的是相对于document的位置，而.position（）返回的是相对于父元素的位置。但事实上，在使用的过程中，我们发现.position（）返回的值经常是0。但事实不是0。尤其是谷歌浏览器和IE浏览器里。火狐浏览器没有此问题。究其原因，以基于Webkit的浏览器（谷歌浏览器和Safari浏览器）为例，只...

JavaScript中常用的六种互动方法示例

2017年02月06日 12 阅读

1.confirm消息对话框语法：confirm（”str“）;参数说明：str为对话框中要显示的文本，作用：通常用于提醒用户做出某些选择，其返回值为布尔类型，点击确定返回值为ture，点击取消返回值为false例如：复制代码 代码如下:<script type="text/javascript"> var mymessage=confirm（"你喜欢JavaScript吗?"）; if（mymessage==true） { docum...

JavaScript检查弹出窗口是否被阻拦的方法技巧

2017年02月06日 12 阅读

出框口很有用，需要弹出窗口。对于开发这样的网站的程序员，他们有个棘手的问题，他们不知道这些弹出窗口是否被浏览器或各种浏览器插件给屏蔽了，没有弹出来。当然，浏览器会通知用户，但这些很少会引起用户的注意。下面是一个简单的方法来测试你的弹出窗口是否被阻拦了。The JavaScript复制代码 代码如下:var windowName = "userConsole"; var popUp = window.open（"/popup-page.php", windo...

JavaScript实现判断图片是否加载完成的3种方法整理

2017年02月06日 13 阅读

有时候我们在前端开发工作中为了获取图片的信息，需要在图片加载完成后才可以正确的获取到图片的大小尺寸，并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的javascipt判断图片加载完成时的方法，并通过代码与实际应用相结合进行解释与说明。onload方法通过向img标签添加onload属性，并填入相应的函数来执行后续的javascipt代码。如下代码例子中img元素默认是不显示的，通过onload判断加载完成后再将图片显示出来。复制代码 ...

JQuery中$.each 和$（selector）.each（）的区别详解

2017年02月06日 13 阅读

一个通用的遍历函数 , 可以用来遍历对象和数组. 数组和含有一个length属性的伪数组对象 （伪数组对象如function的arguments对象）以数字索引进行遍历,从0到length-1, 其它的对象通过的属性进行遍历.$.each（）与$（selector）.each（）不同, 后者专用于jquery对象的遍历, 前者可用于遍历任何的集合（无论是数组或对象）,如果是数组,回调函数每次传入数组的索引和对应的值（值亦可以通过this 关键字获取,但ja...

JavaScript中通过prototype属性共享属性和方法的技巧实例

2017年02月06日 12 阅读

具体代码如下：复制代码 代码如下://定义函数function people（name,sex,age）{ this.name = name;this.sex = sex;this.age = age;}//共享isStudent与sayName方法people.prototype = { isStudent:true,sayName:function（）{alert（this.name）;}}var people1 = new people（"韩梅梅",...

JQuery中serialize（） 序列化

2017年02月06日 12 阅读

本文导读：在jQuery中，当我们使用ajax时，常常需要拼装input数据以键值对（Key/Value）的形式发送到服务器，用JQuery的serialize方法可以轻松的完成这个工作，使用这个方法可以将表单序列化为键值对（key1=value1&key2=value2…）后提交。下面介绍JQuery中serialize（）的用法一、serialize（）定义和用法：serialize（）方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象...

在linux中使用包管理器安装node.js

2017年02月06日 12 阅读

网上文章中，在linux下安装node.js都是使用源码编译，其实node的github上已经提供了各个系统下使用各自的包管理器（package manager）安装node.js的方法。1. 在Ubuntu中，使用如下命令：复制代码 代码如下:curl -sL https://deb.nodesource.com/setup | sudo bash -sudo apt-get install -y nodejs如果需要使用npm安装本地组件，还需要执行如...

javascript中slice（）,splice（）,split（）,substring（）,substr（）使用方法

2017年02月06日 13 阅读

1.slice（）；Array和String对象都有在Array中 slice（i,[j]）i为开始截取的索引值,负数代表从末尾算起的索引值，-1为倒数第一个元素j为结束的索引值，缺省时则获取从i到末尾的所有元素参数返回：返回索引值从i到j的数组，原数组不改变在String中 slice（i,[j]）参数说明：i为开始截取的索引值，负数代表从末尾算起的索引值，-1为倒数第一个字符j为结束的索引值，缺省时则获取从i到末尾的所有字符2.splice（）存在Ar...

JavaScript中的this关键字使用方法总结

2017年02月06日 16 阅读

在javascritp中，不一定只有对象方法的上下文中才有this， 全局函数调用和其他的几种不同的上下文中也有this指代。它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用。1.作为对象方法调用在 JavaScript 中，函数也是对象，因此函数可以作为一个对象的属性，此时该函数被称为该对象的方法，...

JavaScript内存管理介绍

2017年02月06日 12 阅读

简介低级语言，比如C，有低级的内存管理基元，想malloc（）,free（）。另一方面，JavaScript的内存基元在变量（对象，字符串等等）创建时分配，然后在他们不再被使用时“自动”释放。后者被称为垃圾回收。这个“自动”是混淆并给JavaScript（和其他高级语言）开发者一个错觉：他们可以不用考虑内存管理。内存生命周期不管什么程序语言，内存生命周期基本一致：1.分配你所需要的内存2.使用它（读、写）3.当它不被使用时释放 ps：和“把大象装冰箱“一个...

innerHTML属性，outerHTML属性，textContent属性，innerText属性区别详解

2017年02月06日 12 阅读

innerHTML属性用来读取或设置某个节点内的HTML代码。outerHTML属性用来读取或设置HTML代码时，会把节点本身包括在内。textContent属性用来读取或设置节点包含的文本内容。innerText属性和outerText属性在读取元素节点的文本内容时，得到的值是不一样的。它们的不同之处在于设置一个节点的文本属性时，outerText属性会使得原来的元素节点被文本节点替换掉。注意，innerText是非标准属性，Firefox不支持。1.i...

JavaScript原生对象之Date对象的属性和方法详解

2017年02月06日 14 阅读

创建 Date 对象的语法：复制代码 代码如下://Date 对象会自动把当前日期和时间保存为其初始值。new Date（）;//value-毫秒：代表自世界协调时1970年1月1日00:00:00开始的数值。new Date（value）;//dateString-日期字符串：表示日期的字符串值。此字符串应该是在parse方法中识别的格式。new Date（dateString）;//year-年：代表年份的整数值。为了避免2000年问题最好指定4位数的...

JavaScript原生对象之Number对象的属性和方法详解

2017年02月06日 12 阅读

创建 Number 对象的语法：复制代码 代码如下:var myNum = new Number（value）;var myNum = Number（value）;当 Number（） 和运算符 new 一起作为构造函数使用时，它返回一个新创建的 Number 对象。如果不用 new 运算符，把 Number（） 作为一个函数来调用，它将把自己的参数转换成一个原始的数值，并且返回这个值（如果转换失败，则返回 NaN）。MAX_VALUEMAX_VALUE ...

JQuery报错Uncaught TypeError: Illegal invocation的处理方法

2017年02月06日 12 阅读

Jquery实现Ajax异步提交时报错"Uncaught TypeError: Illegal invocation"，如下图：排查发现错误在于此：复制代码 代码如下:data:{"search_value":$（"input[name=search_value]"）,"order_source":buyerType,"order_status":orderType}$（"input[name=search_value]"） 是一个对象而不是一个值，正确的...

JavaScript原生对象之String对象的属性和方法详解

2017年02月06日 12 阅读

lengthlength 属性可返回字符串中的字符数目。length 是根据字符串的UTF-16编码来获取长度的，空字符串长度为0。length 不可修改。charAt（）charAt（） 方法可返回指定位置的字符。注意，JavaScript 并没有一种有别于字符串类型的字符数据类型，所以返回的字符是长度为 1 的字符串。stringObject.charAt（index）参数index是必需的。表示字符串中某个位置的数字，即字符在字符串中的下标。字符串中...

JavaScript中逗号运算符介绍及使用示例

2017年02月06日 12 阅读

有一道js面试题，题目是这样的：下列代码的执行结果是什么，为什么？复制代码 代码如下:var i, j, k;for （i=0, j=0; i<10, j<6; i++, j++） { k = i+j;}document.write（k）;答案是显示10，这道题主要考察JavaScript的逗号运算符。下面是MDN对逗号运算符的定义：逗号运算符计算两个操作数（从左至右）并返回第二个操作数的值。根据这个定义，可以扩展一下：逗号运算符从左到右计算两...