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

form.submit（）不能提交表单的错误原因及解决方法

2017年02月06日 12 阅读

直接上代码把：<div id="register"><h4>会员注册</h4><div class="formdiv"><form method="post" action="register.php?action=register" name="register" id="registerForm"><dl><dt>请认真填写以下内容</dt><...

jquery引用方法时传递参数原理分析

2017年02月06日 12 阅读

经常到网上去下载大牛们写的js插件。每次只需将js引用并设置下变量就行了，但一直没搞明白原理（主要是大牛们的代码太简练了-，-）。这次弄清了如何传递、设置多个（很多个）参数。如方法为function lunbo（）{};在调用、设置的时候写：lunbo（{ speed:200, wrapper:"#id", ease:"easing"}）则，在方法内获取的时候：function lunbo（options）{ var set=$.extend（{...

javascript实现分栏显示小技巧附图

2017年02月06日 12 阅读

记得给师哥师姐测试考试系统的时候，看到他们的考试页面可以实现隐藏左边的考生信息部分，当时觉得好高大上，好人性化。现在学了javascript，我也能实现这个功能了，下面来显摆一下。1.页面设计：（1）.html代码：<title>js分栏</title> <style type="text/css"> .alignment{ text-align: center; } </style> </head&g...

JavaScript使用循环和分割来替换和删除元素实例

2017年02月06日 14 阅读

使用循环和分割来替换和删除元素，经测试很简单，但很实用，特别适合新手朋友<！DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>使用循环和分割来替换和删除元素</title> <script> var arr = new Arr...

从数据库读取数据后将其输出成html标签的三种方法

2017年02月06日 13 阅读

也许很多人从数据库中读的数据是不需要数据成html标签的，但是也许有一天你们会发现当我们需要输出成html标签时编译器却自动帮我们输出成字符串了这是我们可以这样来方法1：最常用的方法，使用JS或JQJQ:$（"#div"）.html（"<span>我是HTML代码</span>"）;JS:var dobj=document.getElementById（"div"）;dobj.innerHTML = "<span>我是H...

兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码

2017年02月06日 12 阅读

在页面点击"注册"，出现一层有不透明度的黑色遮罩；遮罩层的上方是注册框；此时无法点击页面上除注册框外的其他元素；点击注册框上的"随便逛逛"，遮罩层消失。预览地址：http://jsfiddle.net/p2x3c7df/embedded/result/要点：1.注册框始终水平、垂直居中，包括鼠标滚轮上下滚动页面、缩放页面和调整浏览器窗口大小时主要由CSS控制，注册框的宽度和高度都已经确定（ 620*420px ），首先使用position:fixed来使它...

js网页右下角提示框实例

2017年02月06日 13 阅读

本文实例讲述了js网页右下角提示框的实现方法，分享给大家供大家参考。具体方法如下：html代码部分如下：复制代码代码如下:<style type="text/css">.messageTip{border-right: #455690 1px solid; border-top: #a6b4cf 1px solid; border-left: #a6b4cf 1px solid; border-bottom: #455690 1px soli...

jQuery 实现自动填充邮箱功能（带下拉提示）

2017年02月06日 12 阅读

在做这个功能时候，我参考的是网易注册（http://reg.163.com/reg/reg.jsp?product=urs）中的邮箱栏目所实现的功能与效果。这个功能的目的是使用户在填写邮箱栏目的过程中，在带有邮箱后缀名的菜单的提示下，可以不需要完整输入自己的注册邮箱，达到方便、快捷、友好的效果。在做这个功能的时候，需要充分站在使用者的角度，看怎样设计能够最符合通常情况下人们的使用习惯，又怎样设计反而会让用户感到不便。先来看看功能实现的演示效果图：在...

网站基于flash实现的Banner图切换效果代码

2017年02月06日 12 阅读

本文实例讲述了网站基于flash实现的Banner图切换效果代码，该实例的主要切换功能是由flash完成的。分享给大家供大家参考。具体实现代码如下：复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt...

两种方法基于jQuery实现IE浏览器兼容placeholder效果

2017年02月06日 13 阅读

placeholder是HTML5<input>的属性之一，在不同的浏览器（支持HTML5的现代浏览器）中会有略微不同的显示效果：在Chrome（ v31.0.1650.63 m）、Firefox（ v21.0 ）、360安全（ v6.3 极速模式）中，输入栏获得焦点后，提示文字并不消失，如图（ Chrome ）：获得焦点前：获得焦点时：偏偏IE11要搞点特殊：获得焦点前：获得焦点时：也就是说获得焦点时提示的文字会消失。非现代浏览器（例...

基于js与flash实现的网站flv视频播放插件代码

2017年02月06日 13 阅读

本文实例讲述了基于js与flash实现的网站flv视频播放插件代码。分享给大家供大家参考。具体实现代码如下：复制代码代码如下:<！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/...

js解决select下拉选不中问题

2017年02月06日 12 阅读

当事件mouseover中出现select下拉框时，select下拉是选不中的，解决办法：var o = e.relatedTarget || e.toElement;//判断下移动到的对象，移动到option上ie下是null，firefox等为undefined。。if （！o） return;//为option退出不隐藏完整代码案例为：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition...

一个JavaScript递归实现反转数组字符串的实例

2017年02月06日 13 阅读

<！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-递归实现反转数组字符串</title> <script> var func = function（x,indx,str）{ re...

Ajax局部更新导致JS事件重复触发问题的解决方法

2017年02月06日 14 阅读

如果在页面中包含一个ajax更新的列表，那么需要小心非动态更新部分的事件处理。以带有公共工具栏的列表界面为例：| Menu1 | Menu2----------------------------------------------------------------------------ID TITLE DESCRIPTION OPERATION1 test1 hey test X - ...2 test2 why not X - ...-------...

返回顶部按钮响应滚动且动态显示与隐藏

2017年02月06日 13 阅读

很多的网站上都有返回顶部功能，判断滚动参数动态显示与隐藏，比较适合初学者<！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><me...

javascript记录文本框内文字个数检测文字个数变化

2017年02月06日 13 阅读

最近在做一个项目中遇到这样一个问题，要对文本框中用户输入的文字进行记数，在下面显示出来，因为我们做的是一个短信发送平台，现在我们国家的短信服务，如果你的信息超过了７０个字符，短信就会按二条给你下发。所以要求我们给用户显示他输入了多少个字。好便于用户知道我条信息会分几条给出。在网了一个代码，放上去，开始使用的时候，还行，不错，可是使用了一段时间后发现了问题。就是你在删除文字后，上面的字数变化就有问题，后来研究了一下，找到问题的所在。onKeyDown="sh...

js实现select组件的选择输入过滤代码

2017年02月06日 12 阅读

实现select组件的选择输入过滤作用的js代码如下：/***其中//******之间的部分显示的是在没有选择输入过滤功能的代码上加入的功能代码**//** * @description This plugin allows you to make a select box editable like a text box while keeping it"s select-option features* @description no styleshe...

微信分享的标题、缩略图、连接及描述设置方法

2017年02月06日 16 阅读

微信分享的标题、缩略图、连接及描述该如何设置，使用微信分享过程中会遇到这个情况，无解的朋友可以看看下面的代码<script> var imgUrl = "http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg"; var lineLink = "http://topic.xcar.com.cn/201403/ad_q3/index.php"; var descContent = "http://...

jquery幻灯片插件bxslider样式改进实例

2017年02月06日 12 阅读

本文实例讲述了jquery幻灯片插件bxslider样式改进方法，分享给大家供大家参考。具体如下：对比了很多jquery的幻灯片，都觉得不是很好，最后发现bxslider兼容性最好，移动设备支持手动翻动。但是官方提供的显示效果真的很难看，让人难以接受。最后只能自己DIY了。bxslider官方样式如下：改造后的样式如下：第一步：引入bxslider复制代码代码如下:<！-- jQuery library （served from Google） -...

javascript模拟实现ajax加载框实例

2017年02月06日 12 阅读

本文实例讲述了javascript模拟实现ajax加载框的方法，分享给大家供大家参考。具体方法如下：复制代码代码如下:function loading（p_value,str）{if （p_value）{ if （！document.getElementById（"load_area"））{var para1 = document.createElement（"span"）;var node=document.createTextNode（str）;pa...

首页 / 脚本样式 / JavaScript

form.submit（）不能提交表单的错误原因及解决方法

jquery引用方法时传递参数原理分析

javascript实现分栏显示小技巧附图

JavaScript使用循环和分割来替换和删除元素实例

从数据库读取数据后将其输出成html标签的三种方法

兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码

js网页右下角提示框实例

jQuery 实现自动填充邮箱功能（带下拉提示）

网站基于flash实现的Banner图切换效果代码

两种方法基于jQuery实现IE浏览器兼容placeholder效果

基于js与flash实现的网站flv视频播放插件代码

js解决select下拉选不中问题

一个JavaScript递归实现反转数组字符串的实例

Ajax局部更新导致JS事件重复触发问题的解决方法

返回顶部按钮响应滚动且动态显示与隐藏

javascript记录文本框内文字个数检测文字个数变化

js实现select组件的选择输入过滤代码

微信分享的标题、缩略图、连接及描述设置方法

jquery幻灯片插件bxslider样式改进实例

javascript模拟实现ajax加载框实例