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

JavaScript代码轻松实现网页内容禁止复制（代码简单）

2017年02月06日 11 阅读

以下代码非常简单，轻松实现网页内容禁止复制。有时候我们需要禁止别人复制网站的内容，以下代码可以轻松实现该功能！屏蔽鼠标右键复制代码代码如下:function document.oncontextmenu（）{event.returnValue=false;}禁止选择复制复制代码代码如下:function document.onselectstart（）{return false;}本文只是给大家分享了代码的关键部分，细节部分还需要我们自己根据需求去补充...

jQuery实现分章节锚点“回到顶部”动画特效代码

2017年02月06日 11 阅读

本文实例讲述了jQuery实现分章节锚点“回到顶部”动画特效。分享给大家供大家参考，具体如下：这里演示基于jquery实现的分章节动画实现“回到顶部”的效果，可通过网页顶部的数字序号直接进入网页的章节，当处于第二章节的时候，网页右侧会显示竖排的控制按钮，点击按钮会回到相应章节，其实也就是定义好的锚点，当然也可回到顶部，网页上见到的回顶部大多不是这个样子，所以本款效果还挺新颖。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/j...

通过Jquery.cookie.js实现展示浏览网页的历史记录超管用

2017年02月06日 11 阅读

本文就是要利用cookie插件，获取用户浏览文章历史记录，并将用户最近浏览历史记录显示在页面。在需要添加cookie的页面加上如下js<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script t...

javascript跨域的方法汇总

2017年02月06日 12 阅读

此文章学习借鉴了一些其他前端同学的文章，自己做了个实践总结以下的例子包含的文件均为为 http://www.a.com/a.html 、http://www.a.com/c.html 与 http://www.b.com/b.html，要做的都是从a.html获取b.html里的数据1.JSONPjsonp是利用script标签没有跨域限制的特性，通过在src的url的参数上附加回调函数名字，然后服务器接收回调函数名字并返回一个包含数据的回调函数funct...

js窗口关闭提示信息（兼容IE和firefox）

2017年02月06日 12 阅读

很多时候，在浏览网页时，我们需要考虑用户不小心时关闭窗口的情况，特别是当用户有很重要的数据还没有保存，我们的程序有必要对用户进行提醒。这个时候我们可以通过是用javascript window.onbeforeunload（）这个方法来阻止用户关闭窗口，见如下这个例子：<script type="text/javascript">window.onbeforeunload=function（event）{return "hello";}<...

js中对函数设置默认参数值的3种方法

2017年02月06日 12 阅读

在javascript中如何为函数设置默认参数值，下面提供几种方法供大家参考。第一种方法：function example（a,b）{ var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 var b = arguments[1] ? arguments[1] : 2;//设置参数b的默认值为2 return a+b; } 注意以上函数也可写作如下：function example（）{...

js行号显示的文本框实现效果（兼容多种浏览器）

2017年02月06日 13 阅读

利用js打造的一个非常实用简易的文本编辑框，可以显示行号并且同时兼容ie和firefox等主流浏览器，如下效果图：以下是该效果的源码：<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>显示行号的文本框效果，兼容ie、火狐等浏览器</title> <style type...

js获取表格的行数和列数的方法

2017年02月06日 12 阅读

如何使用JavaScript获取一个表格的行数和列数？其实很简单，假设存在如下表格：<table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table"> <tr> <td></td> <td></td> <td></td> <td></td> ...

JS实现从顶部下拉显示的带动画QQ客服特效代码

2017年02月06日 11 阅读

本文实例讲述了JS实现从顶部下拉显示的带动画QQ客服特效代码。分享给大家供大家参考，具体如下：这是一款动画版QQ在线客服代码，从网页顶部下拉出来的QQ客服，下滑结束后有弹性缓冲效果。在世界地图的映衬下，似乎一下子上升了品位。动画效果是由jq实现的，QQ客服的一些信息自己修改下，换成你自己的QQ，上传到网页就可用啦。注：在火狐台chrome浏览器中测试效果会更好。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/j...

jQuery+AJAX实现遮罩层登录验证界面（附源码）

2017年02月06日 11 阅读

JQuery遮罩层登录界面效果的实现，AJAX实现登录验证，文章尾有完整示例源码下载，欢迎大家学习研究。操作系统：Windwos7 Ultimate开发工具：Visual Studio 2010数据库：Sql Server 2005测试浏览器：IE8、FF3.6.8、Google Chrome （IE8中弹出登录层后会出现竖拉条，其他两种没有出现，那个竖拉条可以在JS中通过修改数值让其不出现，但是下面会出现白边，越来越觉得IE有点那个了......）1、预...

jQuery实现悬浮在右上角的网页客服效果代码

2017年02月06日 13 阅读

本文实例讲述了jQuery实现悬浮在右上角的网页客服效果代码。分享给大家供大家参考，具体如下：这是款网页在线客服代码，应用了jquery插件，兼容性不错。默认状态下，客服只显示一个图片Button，用鼠标点击时展开全部内容，可用作QQ客服，售后客服等，可以作为网站快速通道，方便用户进行相应的操作。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-right-top-wen-online-demo/具...

JS实现IE状态栏文字缩放效果代码

2017年02月06日 11 阅读

本文实例讲述了JS实现IE状态栏文字缩放效果代码。分享给大家供大家参考，具体如下：这里演示状态栏文字缩放变化效果，同样基于JavaScript技术，虽然很不起眼的小特效，不过对学习JS来说，还是很有用的。本效果直接运行可能看不到效果，你可以复制代码保存成一个HTML文件，双击后运行可看到效果。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-ie-ztl-txt-style-demo/具体代码如下：<...

JavaScript实现标题栏文字轮播效果代码

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现标题栏文字轮播效果代码。分享给大家供大家参考，具体如下：这里演示的JS文字轮播，显示在标题栏区域，以前个人主页时候经常见到的效果，不过现在都规范了，标题栏一般都不加入这种效果了。但是可以学习一下JS制作实现一些文字特效，运行效果后请查看标题栏。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-title-loop-show-style-demo/具体代码如下：<h...

JS实现状态栏跑马灯文字效果代码

2017年02月06日 11 阅读

本文实例讲述了JS实现状态栏跑马灯文字效果代码。分享给大家供大家参考，具体如下：这款状态栏跑马灯，文字跑动的定义在数组内，自己可修改内容。现在的IE8貌似不兼容，有缺憾的代码，欢迎JS爱好者修正，修正请发回一份。状态栏为效果显示区。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/具体代码如下：<HTML><HEAD><TITLE&...

js实现表单多按钮提交action的处理方法

2017年02月06日 12 阅读

之前一篇文章介绍了php实现表单多按钮提交action的处理方法，今天再介绍一种js实现表单多按钮提交action的处理方法，希望能够帮助到大家。用JS实现一个表单多个按钮的方法，两个onclick事件处理，代码如下：<html><head><script>function submitit1（）//交由程序1处理{document.myForm.action = "http://www.site.com/cgi1.ph...

JavaScript中Date对象的常用方法示例

2017年02月06日 11 阅读

getFullYear（）使用 getFullYear（）获取年份。源代码:</script><！DOCTYPE html><html><body><p id="demo">Click the button to display the full year of todays date.</p><button onclick="myFunction（...

JavaScript中日期的相关操作方法总结

2017年02月06日 11 阅读

创建日期Date 对象用于处理日期和时间。可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象：有四种方式初始化日期:new Date（） // 当前日期和时间new Date（milliseconds） //返回从 1970 年 1 月 1 日至今的毫秒数new Date（dateString）new Date（year, month, day, hours, minutes, seconds, mill...

js判断日期时间有效性的方法

2017年02月06日 11 阅读

分享两种使用javascript验证日期以及时间是否有效的方法第一种：//| 日期有效性验证 //| 格式为：YYYY-MM-DD或YYYY/MM/DDfunction IsValidDate（DateStr）{ var sDate=DateStr.replace（/（^s+|s+$）/g,""）;//去两边空格; if（sDate==""）{ return true; } //如果格式满足YYYY-（/）MM-（/）DD或YYYY-（/）M-（/）DD或...

使用javaScript动态加载Js文件和Css文件

2017年02月06日 11 阅读

JS动态加载CSS 在可换主题的界面中具有很重要的意义，用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式，下面详细说明。希望下面的方法对你有帮助。（1）使用JavaScript动态加载Js文件/*JavaScript动态加载Js文件*/ var scriptNode = document.createElement（"script"）; scriptNode.src = "proxy.js?t="+new Date（）.getTime（）;/*...

JavaScript中数组的合并以及排序实现示例

2017年02月06日 11 阅读

合并两个数组 - concat（）源代码:<！DOCTYPE html><html><body><p id="demo">点击按钮合并数组。</p><button onclick="myFunction（）">点我</button><script>function myFunction（）{var hege = ["Ce...

首页 / 脚本样式 / JavaScript

JavaScript代码轻松实现网页内容禁止复制（代码简单）

jQuery实现分章节锚点“回到顶部”动画特效代码

通过Jquery.cookie.js实现展示浏览网页的历史记录超管用

javascript跨域的方法汇总

js窗口关闭提示信息（兼容IE和firefox）

js中对函数设置默认参数值的3种方法

js行号显示的文本框实现效果（兼容多种浏览器 ）

js获取表格的行数和列数的方法

JS实现从顶部下拉显示的带动画QQ客服特效代码

jQuery+AJAX实现遮罩层登录验证界面（附源码）

jQuery实现悬浮在右上角的网页客服效果代码

JS实现IE状态栏文字缩放效果代码

JavaScript实现标题栏文字轮播效果代码

JS实现状态栏跑马灯文字效果代码

js实现表单多按钮提交action的处理方法

JavaScript中Date对象的常用方法示例

JavaScript中日期的相关操作方法总结

js判断日期时间有效性的方法

使用javaScript动态加载Js文件和Css文件

JavaScript中数组的合并以及排序实现示例

js行号显示的文本框实现效果（兼容多种浏览器）