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

JQuery实现绚丽的横向下拉菜单

2016年07月27日 11 阅读

以前经常看见网站有菜单的显示，鼠标移上去就出现下拉的效果，很绚丽，经过看JQuery视频后，发现实现也挺容易的。 Html中，通过<ul>和<li>标签将所需的元素写出来。复制代码代码如下: <body> <ul> <li class="hmain"> <a href="#">菜单项1</a> <ul> <li> <a href="#"&g...

调用HttpHanlder的几种返回方式小结

2016年07月27日 15 阅读

1：如果只需要返回字符串形式的例如内容、JSON字符串数组等context.Response.Write（resultPrice.ToString（））;2：如要要返回图片，那么采用流的形式bitmap.Save（context.Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg）;3：如果返回文件，例如txt文档提供给客户端下载context.Response.WriteFile...

js与jQuery 获取父窗、子窗的iframe

2016年07月27日 10 阅读

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素js在父窗口中获取iframe中的元素 1、格式：window.frames["iframe的name值"].document.getElementByIdx_x（"iframe中控件的ID"）.click（）;实例：window.frames["ifm"].document.getElementByIdx_x（"btnOk"）...

javascript 按键事件（兼容各浏览器）

2016年07月27日 9 阅读

第一部分：浏览器的按键事件用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。在这3种事件类型中，keydown和keyup比较底层，而keypress比较高级。这里所谓的高级是指，当用户按下shift + 1时，k...

js select option对象小结

2016年07月27日 9 阅读

一基础理解: var e = document.getElementById（"selectId"）; e. options= new Option（"文本","值"） ; //创建一个option对象,即在<select>标签中创建一个或多个<option value="值">文本</option> //options是个数组,里面可以存放多个<option value="值">文本</option&...

JS动态添加与删除select中的Option对象（示例代码）

2016年07月27日 9 阅读

如下所示：复制代码代码如下://动态删除select中的所有options： function delAllOptions（）{ document.getElementById（"user_dm"）.options.length=0; } //动态删除select中的某一项option： function delOneOption（index）{ document.getElementById（"user_dm"）.options.remove（in...

js插件方式打开pdf文件（浏览器pdf插件分享）

2016年07月27日 10 阅读

两种方案：一种直接链接，把pdf文件当作img文件,类似<a href=""/>这种形式，这样链接：复制代码代码如下:<frame src="pdf文件的地址"></frame>另一种：使用js插件哈。其中实现阅读pdf文件的js插件很多，比如：pdf.js：是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档，无需任何本地技术支持；jsPDF：是一个使用Javascript语言生成PDF的开源库（IE暂不支...

js 操作select与option（示例讲解）

2016年07月27日 9 阅读

1.动态创建select复制代码代码如下: function createSelect（）{var mySelect = document.createElement_x（"select"）; mySelect.id = "mySelect"; document.body.appendChild（mySelect）; }2.添加选项option复制代码代码如下: function addOption（）{ //根据id查找对象， var obj=do...

javascript获取鼠标点击元素对象（示例代码）

2016年07月27日 9 阅读

IE：var obj=document.elementFromPoint（event.clientX,event.clientY）;获取对象文本var a=obj.innerTextFF里面要在事件里面添加对象才可以读取坐标。HTML：onclick="gj（event）"JS：复制代码代码如下:function gj（event）{var b=objobj=document.elementFromPoint（event.clientX,event.cl...

javascript获取URL参数与参数值的示例代码

2016年07月27日 10 阅读

复制代码代码如下:<script> function goto_url（url）{ var new_url = "http://shop.usteel.com/index.php？app=list_release"; var d_date = getParameter（"date",url）; if（d_date ！= "" ）{ new_url += "&"+d_date; } var species = getParameter（"spe...

JS比较两个时间大小的简单示例代码

2016年07月27日 12 阅读

如下所示：复制代码代码如下:if （new Date（strSD.replace（/-/g, "/"）） > new Date（strED.replace（/-/g, "/"））） { //开始时间大于了结束时间 alert（"时间选择有误！开始日期必须小于或者等于结束时期！"）; return false;}...

解决JQeury显示内容没有边距内容紧挨着浏览器边线

2016年07月27日 9 阅读

写的JQuery页面显示的内容没有边距，内容紧挨着浏览器边线，特别难看（如下图）代码如下：复制代码代码如下: <body> <form id="form1" runat="server"> <div data-role="page" id="page"> <div data-role="header" data-theme="b"> <h2>新闻内容</h2> </div&...

jquery实现tr元素的上下移动示例代码

2016年07月27日 11 阅读

复制代码代码如下: <html> <head> <title></title> <style type="text/css" > table { background:#949494; width:400px; line-height:20px;} td { border-right:1px solid gray; border-bottom:1px solid gray; } </sty...

js生成随机数之random函数随机示例

2016年07月27日 14 阅读

JavaScript Math.random（）内置函数 random函数返回值返回0和1之间的伪随机数，可能为0，但总是小于1，[0,1） random函数示例 //返回随机数 document.write（Math.random（））; //返回10-20的随机数 document.write（Math.random（）*（20-10）+10）; //返回指定范围的随机数（m-n之间）的公式 document.write（Math.random（）*...

浅谈javascript六种数据类型以及特殊注意点

2016年07月27日 9 阅读

在js中常见的六种数据类型：String类型、Null类型、Number类型、Boolean类型、Object类型。1、typeof的注意点涉及到数据类型，不免会提到，操作符 typeof。要注意：1、typeof是操作符，不是方法。虽然我们经常使用typeof（）的方式获取对象的数据类型。2、对 null 取typeof 是 object（这是因为null是空的对象引用），对函数取 typeof 是 function复制代码代码如下:alert（ty...

在每个匹配元素的外部插入新元素的方法

2016年07月27日 9 阅读

一、方法 wrap ：把所有匹配的元素，用其他元素的结构化包裹起来 wrapAll : 把所有匹配的元素，用单个元素包裹起来 wrapInner : 把匹配元素的子类用html结构包裹起来二、实例（1）wrap 复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here<...

Javascript selection的兼容性写法介绍

2016年07月27日 15 阅读

复制代码代码如下: function getSelectedText（） { //this function code is borrowed from: http://www.codetoad.com/javascript_get_selected_text.asp var txt = ""; if （window.getSelection） { txt = window.getSelection（）; } else if （window.docume...

前台js对象在后台转化java对象的问题探讨

2016年07月27日 11 阅读

最近项目开发的过程中，多次遇到前台js对象在后台转化java对象的问题。记录下做法待用。简单来说就是在前台用JSON.stringify（）方法将js对象转化为js字符串，后台接收json字符串并将其转化为javaBean。前台代码：复制代码代码如下: var data = {}; data.id = $（"#id"）.val（）; data.msg = $（"#msg"）.val（）; //提交数据 $.post（contextPath + "/...

jquery如何通过name名称获取当前name的value值

2016年07月27日 10 阅读

复制代码代码如下: $（"*[name="name"]"）.val（）; //获取vlaue值 $（"*[name="name"]"）.attr（"id","name"）; //添加id名称 $（"*[name="name"]"）.after（"<div>hello world</div>"）; //在当前外添加元素 ...

jquery数组之存放checkbox全选值示例代码

2016年07月27日 11 阅读

复制代码代码如下: <input type="checkbox" id="checkAll" value="1">全选/全部不选 <input type="checkbox" name="items" value="1">1 <input type="checkbox" name="items" value="2">2 <input type="checkbox" name="items" value="3"&g...

首页 / 脚本样式 / JavaScript

JQuery实现绚丽的横向下拉菜单

调用HttpHanlder的几种返回方式小结

js与jQuery 获取父窗、子窗的iframe

javascript 按键事件（兼容各浏览器）

js select option对象小结

JS动态添加与删除select中的Option对象（示例代码）

js插件方式打开pdf文件（浏览器pdf插件分享）

js 操作select与option（示例讲解）

javascript获取鼠标点击元素对象（示例代码）

javascript获取URL参数与参数值的示例代码

JS比较两个时间大小的简单示例代码

解决JQeury显示内容没有边距内容紧挨着浏览器边线

jquery实现tr元素的上下移动示例代码

js生成随机数之random函数随机示例

浅谈javascript六种数据类型以及特殊注意点

在每个匹配元素的外部插入新元素的方法

Javascript selection的兼容性写法介绍

前台js对象在后台转化java对象的问题探讨

jquery如何通过name名称获取当前name的value值

jquery数组之存放checkbox全选值示例代码