JavaScript资料,JavaScript文章,JavaScript文档-易库教程

使用jquery实现以post打开新窗口

2017年02月06日 13 阅读

网络上已有此功能的函数，是以纯JS实现。但是在项目中发现，此函数无法兼容Firefox，由此我重写了此方法. 复制代码代码如下: //默认新窗口配置 var windowDefaultConfig = new Object; windowDefaultConfig["directories"] = "no"; windowDefaultConfig["location"] = "no"; windowDefaultConfig["menubar"] = ...

js拖拽一些常见的思路方法整理

2017年02月06日 13 阅读

js拖拽的常见思路 1.通过onmousedown,onmousemove,onmouseup分别模拟开始拖拽，拖拽中和拖拽结束时的事件（）。如果手机的触摸事件的话则分别是ontouchstart,ontouchmove和ontouchend。 2.鼠标按下即发生onmousedown事件时：获取鼠标位置，获取被拖动元素的位置，记录两者之间的纵横坐标的差值（）。对document元素绑定onmousemove,onmouseup事件。刚开始接触js拖拽...

JavaScript截取字符串的Slice、Substring、Substr函数详解和比较

2017年02月06日 13 阅读

在JavaScript中,提取子字符串主要是通过 Slice、Substring、Substr 三个方法之一。复制代码代码如下:// slice // 语法: string.slice（start [, stop]）"Good news, everyone！".slice（5,9）; // "news"// substring // 语法: string.substring（indexA [, indexB]）"Good news, everyone！"...

可恶的ie8提示缺少id未定义

2017年02月06日 15 阅读

最近一直用javascript编程，用到了json，写了个数组[{"id":"key_01","name":"高校"},{"id":"key_02","name":"直送卡"},{"id":"key_03","name":"新生"},{"id":"key_04","name":"换机"},{"id":"key_05","name":"动感地带套卡"},{"id":"key_06","name":"库存"},{"id":"key_07","name":"飞信...

js图片延迟技术一般的思路与示例

2017年02月06日 13 阅读

图片延迟技术一般的思路 1.现将img元素对应的src路径设置为背景图片，而该img所对应的url路径存放在一个自设的属性中（以便进行src替换）。 2.获取卷轴的高度和窗口的高度 3循环需要延迟加载的img数组，获取img的高度，判断该元素是否在可视窗口内。若该元素在可视窗口内，则进行src替换一下为测试代码 html 复制代码代码如下: <style> .wrap { margin: 20px auto; width: 150px; }...

js中document.write使用过程中的一点疑问解答

2017年02月06日 13 阅读

本人是新手，所以就记录下来了。这个答案是在百度中看到的，所以算是转载。下面的内容解答了何为如果在页面加载完后如果调用document.write就会覆盖整个文档。提示中的【HTML 输出中】指的是当页面加载的时候。复制代码代码如下: <html> <head></head> <body> <script type="text/javascript">document.write（"&l...

$.each与$（）.each的区别示例介绍

2017年02月06日 13 阅读

$.each（）与 $（）.each之间的区别,$.each是一个通用的迭代函数，可用于近似地迭代对象和数组，这个函数与$（）.each是专用用于迭代和执行jquery对象函数。而这个函数可以用于迭代任何对象，这个函数的回调中包含两个参数：第一个是key（对象）或index（数组），第二个是值 . 复制代码代码如下: <script type="text/javasctip"> var json = { <span style="w...

jQuery的选择器中的通配符使用介绍

2017年02月06日 13 阅读

1.选择器（1）通配符：复制代码代码如下: $（"input[id^="code"]"）;//id属性以code开始的所有input标签 $（"input[id$="code"]"）;//id属性以code结束的所有input标签 $（"input[id*="code"]"）;//id属性包含code的所有input标签（2）根据索引选择复制代码代码如下: $（"tbody tr:even"）; //选择索引为偶数的所有tr标签 $（"tbo...

js 触发select onchange事件代码

2017年02月06日 13 阅读

select 或text的onchange事件需要手动（通过键盘输入）改变select或text的值才能触发，如果在js中给select或text赋值，则无法触发onchang事件，例如，在页面加载完成以后，需要触发一个onChange事件，在js中用document.getElementById（"province"）.value="湖北";直接给select或text赋值是不行的，要想实现手动触发onchange事件，需要在js给select赋值后，...

如何将php数组或者对象传递给javascript

2017年02月06日 14 阅读

在网上搜了一些方法，最后自己采用的是通过json字串的方式。假设有一个php 数组 $arr，代码如下：复制代码代码如下: <script> // html5中默认的script是javascript,故不需要特别指定script language var arr_js = <？php echo json_encode（$arr）？>; </script> ...

将中国标准时间转换成标准格式的代码

2017年02月06日 13 阅读

Thu Aug 22 2013 15:12:00 GMT+0800 （中国标准时间）转换复制代码代码如下: function formatTen（num） { return num > 9 ？（num + ""） : （"0" + num）; } function formatDate（date） { var year = date.getFullYear（）; var month = date.getMonth（） + 1; var day...

jquery插件冲突（jquery.noconflict）解决方法分享

2017年02月06日 13 阅读

许多的 JS 框架类库都选择使用$符号作为函数或变量名，jQuery是其中最为典型的一个。在 jQuery 中，$ 符号只是 window.jQuery 对象的一个引用，因此即使 $ 被删除，window.jQuery 依然是保证整个类库完整性的坚强后盾。jQuery 的 API 设计充分考虑了多框架之间的引用冲突，我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交。jQuery.noConflict 方法包含一个可选的布尔参数[...

js中把JSON字符串转换成JSON对象最好的方法

2017年02月06日 13 阅读

在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：1.一种为使用eval（）函数。2. 使用Function对象来进行返回解析。第一种解析方式：使用eval函数来解析，并且使用jQuery的each方法来遍历用jQuery解析JSON数据的方法,作为jQuery异步请求的传输对象，jQuery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同...

js调用浏览器打印模块实现点击按钮触发自定义函数

2017年02月06日 13 阅读

本文主要内容：如果用浏览器自带的打印按钮，无法进行其余和打印相关的操作，如传递打印次数等等。所以需要把浏览器打印的功能保留并赋予到自己添加的按钮当中，可以在点击按钮的同时触发自定义的函数。复制代码代码如下: <input type="button" class="btnPrint" id="btnPrint" value="打印" /> <iframe frameborder=0 width="100%" height="400px...

Js冒泡事件详解及阻止示例

2017年02月06日 14 阅读

Js冒泡机制是指如果某元素定义了事件A，如click事件，如果触发了事件之后，没有阻止冒泡事件，那么事件将向父级元素传播，触发父类的click函数。如下例所示：复制代码代码如下: <html> <script type="text/javascript" src="jquery-1.7.1.js"></script> <script> function ialertdouble（e） { alert（"...

页面装载js及性能分析方法介绍

2017年02月06日 14 阅读

一、装载先装载静态页面的引用js文件，然后查找引用文件中是否包含onload函数，比如main.js中包含onload函数，在main.js中查找是否有对其他js文件的引用，优先装载引用js文件，被引用中文件的装载顺序和main.js的顺序一致。装载完毕后，开始执行onload函数。由于js执行顺序是顺序执行的，为提高页面相应速度，一般做法是在onload中只画页面，一些事件的绑定函数，ajax方法等可延后书写。二、响应速度分析 1.借助工具进行分析...

js获得网页背景色和字体色的方法

2017年02月06日 14 阅读

获得网页的背景色和字体颜色，方法如下：思想：通过取得颜色属性值得到的是 rgb 色，不是我们想要的，所以需要将 rgb 色装换为十六进制色，首先获得rgb色：复制代码代码如下: var rgb = document.getElementById（"color"）.style.backgroundColor；得到格式如下： rgb（225, 22, 23）; 然后进行拆分：复制代码代码如下: var rgb = rgb.split（"（...

一个网页标题title的闪动提示效果实现思路

2017年02月06日 15 阅读

通过网页title来提示用户有新消息这个功能很常见，比如现在的微博，还有一些邮箱，这个功能都很常见。如何实现则个功能呢？思路是：通过ajax访问后台，若有新消息，则将网页的title替换为提示信息，并与空格来回切换。例：【你有新消息】与【】切换。提示内容弄是动态的，所以替换文字的空格数目也是算出的。这里用全角的空格。但是如果提示消息中有‘数字"等半角字符的话就会出现问题。全角的空格比半角的1的宽度要宽的多。这样的话，闪动起来看着就不是很舒服...

JSONP跨域的原理解析及其实现介绍

2017年02月06日 13 阅读

JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。 JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax编程时显得尤为重要。根据这个策略，在baidu.com下的页面中包...

利用JavaScript检测CPU使用率自己写的

2017年02月06日 13 阅读

之前在玉伯的Github Issues里看到了使用JS检测CPU使用率的方法，觉得很赞。特别自己实现了一下，另外加了一个绘制直方图的功能可以直观看到CPU使用率的情况。效果请见：传送门实现思想其实就是setInterval，利用当前时间减去上一次执行timer记录的时间，得到时间差来反映CPU的延迟，侧面反映了CPU的使用率。复制代码代码如下: var data = [],t; var cpuTimer = setInterval（functi...

首页 / 脚本样式 / JavaScript

使用jquery实现以post打开新窗口

js拖拽一些常见的思路方法整理

JavaScript截取字符串的Slice、Substring、Substr函数详解和比较

可恶的ie8提示缺少id未定义

js图片延迟技术一般的思路与示例

js中document.write使用过程中的一点疑问解答

$.each与$（）.each的区别示例介绍

jQuery的选择器中的通配符使用介绍

js 触发select onchange事件代码

如何将php数组或者对象传递给javascript

将中国标准时间转换成标准格式的代码

jquery插件冲突（jquery.noconflict）解决方法分享

js中把JSON字符串转换成JSON对象最好的方法

js调用浏览器打印模块实现点击按钮触发自定义函数

Js冒泡事件详解及阻止示例

页面装载js及性能分析方法介绍

js获得网页背景色和字体色的方法

一个网页标题title的闪动提示效果实现思路

JSONP跨域的原理解析及其实现介绍

利用JavaScript检测CPU使用率自己写的