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

深入理解javascript动态插入技术

2016年07月27日 5 阅读

最近发现各大类库都能利用div.innerHTML=HTML片断来生成节点元素，再把它们插入到目标元素的各个位置上。这东西实际上就是insertAdjacentHTML，但是IE可恶的innerHTML把这优势变成劣势。首先innerHTML会把里面的某些位置的空白去掉，见下面运行框的结果：复制代码代码如下:<！doctype html><html dir="ltr" lang="zh-CN"> <head> <...

给文字加上着重号的JS代码

2016年07月27日 5 阅读

复制代码代码如下:var s = "ABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890";function f（s, width）{ return s.replace（ new RegExp（"[\s\S]{1,"+（width || 4）+"}", "g"）, function（m）{ return "^" + new Array（m.length）.join（" "）; }）;}console.log（s）;console.l...

判定是否原生方法的JS代码

2016年07月27日 5 阅读

浏览器的趋势是加入越来越多对象，像Worker，同时也为旧有的对象添加新方法。如何兼容它的第一步就是检测它们是否存在，没有则补上自己的兼容代码。这时问题就来了，有的类库是给你做了这一步，但有时没有，有时是做了，但并不符合标准。因此单纯是typeof Array.prototype.map === "function"可能不够用。这时isNative方法就要登场了。我一直用的版本，自己写的：复制代码代码如下:var isNative = function（...

JavaScript简单实现网页回到顶部功能

2016年07月27日 5 阅读

很多网页在下方都会放置一个“返回顶部”按钮，尤其是页面底部没有导航的网页，这样可以帮助访客重新找到导航或者重温一遍广告（想得真美）。随着近几年来 JavaScript 的应用日渐广泛，滑动效果无处不在，于是我也跟跟风，将返回顶部功能做成了滑动效果。后来为了更贴合物理特征，改造做成了减速的滑动效果。首先说一下原理吧，我们会获取滚动条到页面顶部的距离，然后上移一定的距离；再获取滚动条到页面顶部的距离，上移一定的距离（比上一次小一点）;以此类推 ...复制代码...

JavaScript中的字符串操作详解

2016年07月27日 6 阅读

一、概述字符串在JavaScript中几乎无处不在，在你处理用户的输入数据的时候，在读取或设置DOM对象的属性时，在操作cookie时，当然还有更多...。JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作，如分割字符串，改变字符串的大小写，操作子字符串等。当前的大部分浏览器也能从强大的正则表达式获益，因为它极大地简化了大量的字符串操作任务，不过它也需要你克服一条有些陡峭的学习曲线。在这里，主要是介绍字符串本身的一些操作，正则表达...

JavaScrip实现PHP print_r的数功能（三种方法）

2016年07月27日 6 阅读

方法一复制代码代码如下:function print_r（theObj） { var retStr = ""; if （typeof theObj == "object"） { retStr += "<div style="font-family:Tahoma; font-size:7pt;">"; for （var p in theObj） { if （typeof theObj[p] == "object"） { retStr += "&...

javascript的渐进增强与平稳退化浅谈

2016年07月27日 5 阅读

在google.com.hk的左上角，有一个更多的链接，它具有一个目标地址，但是当我们点击时，大多数情况发现的是弹出一个下拉列表供用户选择（这是一种典型的渐进增强形式）。怎么理解？——如果用户的浏览器支持javascript，那么就可以享受到这种快速导航的服务功能。现在，请你禁用的你的浏览器的javascript功能（不会禁用猛击这里），再次访问google.com.hk，再次点击更多时，发生了什么？是的，没有看到下拉列表，而打开了一个新页面。（这是一种典...

javascript静态页面传值的三种方法分享

2016年07月27日 5 阅读

一：JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm复制代码代码如下:<input type="text" name="username"><input type="text" name="sex"><input type="button" value="Post"><script language="javascript" >function P...

JS实现遮罩层效果的简单实例

2016年07月27日 7 阅读

复制代码代码如下:function show（）{ var cover = document.getElementById（"cover"）; cover.style.width = document.documentElement.scrollWidth+"px"; cover.style.height = document.documentElement.scrollHeight+"px"; cover.style.display = "bl...

JS图片切换的具体方法（带缩略图版）

2016年07月27日 8 阅读

复制代码代码如下:<！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-...

jQuery 无刷新分页实例代码

2016年07月27日 5 阅读

复制代码代码如下:<html><head> <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="script/jquery-1.7.1.js"></script> <script type="text/javas...

jquery 模板的应用示例

2016年07月27日 11 阅读

复制代码代码如下: <body> <h1>天地盟主 QQ：467713292</h1> <！-- 将模版放置的位置标签 --> <div id="contactContainer"></div> <！-- 定义模板的内容布局和定义显示的字段 --> <script id="contactTemplate" type="text/html"> <div&...

jQuery 的全选（全非选）即取得被选中的值使用介绍

2016年07月27日 5 阅读

页面代码复制代码代码如下: <body> <div> <input id="checkall" type="checkbox" value="天" />全部<br/> <div id="con"> <input type="checkbox" name="checkbox" value="天" />天 <input type="checkbox" name="checkbox...

javascript控制Div层透明属性由浅变深由深变浅逐渐显示

2016年07月27日 9 阅读

搬运的留着以后自己看！复制下面蓝色的代码保存为html格式的文件，使用网页浏览器浏览效果代码支持IE6、7、8/firefox/Chrome浏览器复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=...

JavaScript中for..in循环陷阱介绍

2016年07月27日 5 阅读

大家都知道在JavaScript中提供了两种方式迭代对象：（1）for 循环；（2）for..in循环；使用for循环进行迭代数组对象，想必大家都已经司空见惯了。但是，使用for.. in循环时，大家可要注意了，为什么这么说呢？大家听我娓娓道来.... javascript提供了一种特殊的循环（也就是for .. in循环），用来迭代对象的属性或数组的每个元素，for...in循环中的循环计数器是字符串，而不是数字。它包含当前属性的名称或当前数组元素...

jquery给图片添加鼠标经过时的边框效果

2016年07月27日 5 阅读

一哥们儿要给图片添加鼠标经过时的边框效果，可惜出发点错了，直接加在了IMG外的A标签上致使鼠标经过时图片产生塌陷，实则应该将边框控制直接加在IMG标签上即可错误代码如下：注意红色部分设置（出发点就错了）复制代码代码如下: <html> <head> <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js">&...

js控制淡入淡出示例代码

2016年07月27日 5 阅读

相对来说可以让初学者看一下，并不太实用，可能jquery4条语句就能解决，但是原生相对有参照性，了解最终原理才是关键。复制代码代码如下: <！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.o...

屏蔽script注入小例子

2016年07月27日 5 阅读

字符串过滤复制代码代码如下: static public string HtmlEncode（string str） { str = str.Replace（"&", "&"）; str = str.Replace（"<", "<"）; str = str.Replace（">", ">"）; str = str.Replace（""", """"）; str = str.Replace（"*", ""）; str = s...

JavaScript改变HTML元素的样式改变CSS及元素属性

2016年07月27日 6 阅读

改变 HTML 样式如需改变 HTML 元素的样式，请使用这个语法：复制代码代码如下: document.getElementById（id）.style.property=new style <p id="p2">Hello World！</p> <script> document.getElementById（"p2"）.style.color="blue"; </script> JS改变元素属性...

JavaScript实现url地址自动检测并添加URL链接示例代码

2016年07月27日 9 阅读

背景：写一个简单的聊天系统，发出Htpp的Url实现跳转加上a标签。实现代码：复制代码代码如下: String.prototype.httpHtml = function（）{ var reg = /（http://|https://）（（w|=|？|.|/|&|-）+）/g; return this.replace（reg, "<a target=_blank href="$1$2">$1$2</a>"）; }; 摘录： ...

首页 / 脚本样式 / JavaScript

深入理解javascript动态插入技术

给文字加上着重号的JS代码

判定是否原生方法的JS代码

JavaScript简单实现网页回到顶部功能

JavaScript中的字符串操作详解

JavaScrip实现PHP print_r的数功能（三种方法）

javascript的渐进增强与平稳退化浅谈

javascript静态页面传值的三种方法分享

JS实现遮罩层效果的简单实例

JS图片切换的具体方法（带缩略图版）

jQuery 无刷新分页实例代码

jquery 模板的应用示例

jQuery 的全选（全非选）即取得被选中的值使用介绍

javascript控制Div层透明属性由浅变深由深变浅逐渐显示

JavaScript中for..in循环陷阱介绍

jquery给图片添加鼠标经过时的边框效果

js控制淡入淡出示例代码

屏蔽script注入小例子

JavaScript改变HTML元素的样式改变CSS及元素属性

JavaScript实现url地址自动检测并添加URL链接示例代码