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

jquery实现弹出窗口效果的实例代码

2016年07月27日 6 阅读

JavaScript实现弹出窗口实质上就是在浏览器上画了一个方形区域，并在开始时将其隐藏，只是到某个JavaScript事件时才通过修改css的属性值来将其显示出来。其大致步骤为：•创建一个装载弹出窗口的div复制代码代码如下:<html> <head> <title>jQuery实例1：浮动窗口</title> <meta http-equiv="Content-Type" conten...

Google （Local） Search API的简单使用介绍

2016年07月27日 5 阅读

花了两天的时间来用Google的API来做这么一个小东西，其实真正的实现代码不是很多，十几行而已。费时间的工作是了解各个API的功能以及调试JavaScript。下面简单介绍一下这次我用到的几个函数吧。•构造函数google.search.LocalSearch（）这其实是创建了一个LocalSearch的Service，这个Service和其他Service（News, Blog, Web）一样，是供SearchControl使用的。这些Se...

JavaScript中的连字符详解

2016年07月27日 5 阅读

晚上花了2个小时的时间，来用Javascript处理一个简单的字符串过滤功能，代码粘贴到下面，其实很简单，就是想把Google AJAX Search API返回的查询结果中的<b/>过滤掉。之所以花这么多时间，一个很重要的原因就是对JavaScript的字符连接操作不熟。JS是不支持+=的，因此需要用a=a + "b"，其实想想这个问题及其简单，但不知为什么就是花了很多时间。复制代码代码如下:function ProcessString（s...

浅析JavaScript中的CSS属性及命名规范

2016年07月27日 8 阅读

许多CSS样式属性的名字中都有连字符，在JavaScript中，连字符被解释为减号。因此，CSS2Properties对象的属性名和真正的CSS属性名有点不同。如果一个CSS属性名含有一个或多个连字符，在JS中则需要删除了连字符，并且原来紧接在连字符后的字母改为大写。要注意的是float是JS的关键字，所以在JS中float被写作cssFloat与或floatStyle。下面是CSS自身属性与JavaScript中CSS编码对照表：盒子标签和属性对照：Co...

javascript获取元素CSS样式代码示例

2016年07月27日 6 阅读

使用css控制页面有4种方式，分别为行内样式（内联样式）、内嵌式、链接式、导入式。行内样式（内联样式）即写在html标签中的style属性中，如<div style="width:100px;height:100px;"></div>内嵌样式即写在style标签中，例如<style type="text/css">div{width:100px; height:100px}</style>链接式即为用link...

js实现单行文本向上滚动效果实例代码

2016年07月27日 5 阅读

复制代码代码如下:/***************滚动场次开始*****************/function ScrollText（content, btnPrevious, btnNext, autoStart） { this.Delay = 10; this.LineHeight = 20; this.Amount = 1; this.Direction = "up"; this.Timeout = 1500; this.ScrollCont...

JavaScript调用客户端的可执行文件（示例代码）

2016年07月27日 6 阅读

复制代码代码如下:<script><！--打开记事本程序-->function openNotepad（）{var wsh=new ActiveXObject（"wscript.shell"）wsh.run（"notepad.exe"）//如果在“运行”可以运行就可以在此直接写，否则要写上绝对路径}<！--打开word程序-->function openWord（）{var wsh=new ActiveXObject（...

javascript列表框操作函数集合汇总

2016年07月27日 5 阅读

复制代码代码如下:<script language="javascript"> /* 列表框互相操作函数集 */ //描述: 添加不重复列表框元素 function selAdd（ srcList, dstList ） { var selectedIndex = new Array（）; var count = 0; for （ i=0; i<srcList.options.length; i++ ）{ if （ srcList.opt...

javascript打印html内容功能的方法示例

2016年07月27日 5 阅读

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

jQuery计算textarea中文字数（剩余个数）的小程序

2016年07月27日 9 阅读

复制代码代码如下:<div class="area"> <p> 还可以输入<b class="num">140</b>字</p> <textarea class="chackTextarea"></textarea> </div><script type="text/javascript"> var txtobj = { divName: "are...

JS小功能（列表页面隔行变色）简单实现

2016年07月27日 7 阅读

效果：代码：复制代码代码如下:<head runat="server"> <title></title> <script type="text/javascript"> window.onload = function （） { var otab = document.getElementById（"tab1"）; var thiscolor = ""; for （var i = 0; i < ota...

JS小功能（offsetLeft实现图片滚动效果）实例代码

2016年07月27日 6 阅读

效果：代码：复制代码代码如下:<head runat="server"> <title></title> <style type="text/css"> #div1 { width: 245px; height: 150px; background: red; margin: 250px; margin-left: 500px; position: absolute; overflow: hidden; }...

JS小功能（操作Table--动态添加删除表格及数据）实现代码

2016年07月27日 5 阅读

效果：代码：复制代码代码如下:<head runat="server"> <title></title> <style type="text/css"> tr { height: 30px; } </style> <script type="text/javascript"> window.onload = function （） { var oName = document.ge...

JS小功能（setInterval实现图片效果显示时间）实例代码

2016年07月27日 5 阅读

效果：代码：复制代码代码如下:<head runat="server"> <title></title> <script type="text/javascript"> function toDou（n） { if （n < 10） { return "0" + n; } else { return "" + n; } } setInterval（ window.onload = function （...

JS小功能（onmouseover实现选择月份）实例代码

2016年07月27日 5 阅读

效果：代码：复制代码代码如下:<head runat="server"> <title></title> <style type="text/css"> #backcolor { width: 400px; height: 400px; background: #FFFF00; text-align: center; border: ridge 30pt red; margin: auto; } TD { ...

JS小功能（checkbox实现全选和全取消）实例代码

2016年07月27日 7 阅读

效果：代码：复制代码代码如下:<head runat="server"> <title></title> <script type="text/javascript"> window.onload = function （） { var ckall = document.getElementById（"ck1"）; var ck = document.getElementsByName（"name1"）;...

jquery使用淘宝接口跨域查询手机号码归属地实例

2016年07月27日 5 阅读

复制代码代码如下: <h1>手机号码归属地查询</h1> <div class="outer"> <p>请输入手机号码</p> <input type="text" > <span class="button">查询</span> <span class="error">号码有误或无数据</span> <ul> <...

js 定时器setTimeout无法调用局部变量的解决办法

2016年07月27日 6 阅读

javascript中定时器setTimeout的用法一般如下，调用beginrotate之后就进入定时执行rotateloop的一个过程，如下代码：复制代码代码如下: var angle = 0; function rotateloop（） { if （angle < 360） { angle++; //use angle //...... setTimeout（"rotateloop（）", 100）; } } function beginr...

javascript对下拉列表框（select）的操作实例讲解

2016年07月27日 6 阅读

这篇文章，主要是关于javascript和select相关的最基本方法，以供不熟悉javascript的人参考。常见的情况是，提出表单结构的人，不仅仅需要为程序设计逻辑，创建数据结构，还需要设计表单的样式，以及熟悉javascript；某些公司可能会要求您精通photoshop：最初的时候，我们都是全才。下面是我们例子的基础；这不是一个标准的表单。 <form id="f"> <select size="1" name="s">...

转换字符串为json对象的方法详解

2016年07月27日 5 阅读

JSON是一种便于操作使用的轻量级数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。具体介绍请查看：http://www.json.org/。很多时候我们需要组装字符串为json对象，首先要组合字符串，然后转换为json对象，如下面的例子：复制代码代码如下:<script type="text/javascript"> <！-- var a=50,b="xxx"; var arr="{id:"+a+",name:""+b+""...

首页 / 脚本样式 / JavaScript

jquery实现弹出窗口效果的实例代码

Google （Local） Search API的简单使用介绍

JavaScript中的连字符详解

浅析JavaScript中的CSS属性及命名规范

javascript获取元素CSS样式代码示例

js实现单行文本向上滚动效果实例代码

JavaScript调用客户端的可执行文件（示例代码）

javascript列表框操作函数集合汇总

javascript打印html内容功能的方法示例

jQuery计算textarea中文字数（剩余个数）的小程序

JS小功能（列表页面隔行变色）简单实现

JS小功能（offsetLeft实现图片滚动效果）实例代码

JS小功能（操作Table--动态添加删除表格及数据）实现代码

JS小功能（setInterval实现图片效果显示时间）实例代码

JS小功能（onmouseover实现选择月份）实例代码

JS小功能（checkbox实现全选和全取消）实例代码

jquery使用淘宝接口跨域查询手机号码归属地实例

js 定时器setTimeout无法调用局部变量的解决办法

javascript对下拉列表框（select）的操作实例讲解

转换字符串为json对象的方法详解