JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

纯js实现手风琴效果代码

纯js实现手风琴效果代码

2017年02月06日 44 阅读

我知道现在大多数前端开发人员都在使用jQuery等第三方的库来进行开发，这不仅节约了时间，也让效率大大的提高，并让公司的效益增加，何乐而不为呢？但是，这也会有一定的缺点，比如jQ比js慢，尤其在大型项目中就会显现出来，下面我用原生js实现一个简单的手风琴效果效果。HTML代码如下结构非常简单就5个li盒子，js代码会渲染图片上去<！DOCTYPE html><html><head lang="en"><meta c...

深入理解Node.js的HTTP模块

深入理解Node.js的HTTP模块

2017年02月06日 49 阅读

前言我们知道传统的HTPP服务器会由Aphche、Nginx、IIS之类的软件来担任，但是nodejs并不需要，nodejs提供了http模块，自身就可以用来构建服务器，而且http模块是由C++实现的，性能可靠。其中封装了一个高校的HTTP服务器和一个简单的HTTP客户端。http.Server是一个基于事件的HTTP服务器；http.request则是一个HTTP客户端工具，用于向HTTP服务器发送请求，实现内容抓取。一. HTTP服务器http.Se...

将form表单通过ajax实现无刷新提交的简单实例

将form表单通过ajax实现无刷新提交的简单实例

2017年02月06日 45 阅读

实例如下：//将form转换为AJAX提交function ajaxSubmit（url,frm,fn）{var dataPara=getFormJson（frm）;$.ajax（{url:url,type:"post",data:dataPara,async:false,dataType:"txt",success:fn}）;}//将form中的值转换为键值对function getFormJson（frm）{var o={};var a=$（frm）....

vue制作加载更多功能的正确打开方式

vue制作加载更多功能的正确打开方式

2017年02月06日 41 阅读

使用vue制作加载更多功能，通过ajax获取的数据往data里面push经常不成功，原因是push是往数组中追加数据内容的，而不能用作数组之间的拼接，ajax获取的数据就是数组形式的，因此不成功，应该使用concat（）拼接两个数组。//这是错误的写法$.ajax（{ type:"get",async:false,url:path+"no/noticeMobile/getSendNoticeList?imToken="+ getToken +"&p...

老生常谈javascript的类型转换

老生常谈javascript的类型转换

2017年02月06日 39 阅读

目录：1 : 伪对象 2 : 转换为字符串 3 : 数字转字符串 4 : 转换为数字 5 : 转换为Boolean 6 : Number（）和parseInt（）的区别 7 : String（）和toString（）的区别1 : 伪对象伪对象：javascript是一门很有意思的语言，即便是基本类型，也是伪对象，所以他们都有属性和方法。变量a的类型是字符串，通过调用其为伪对象的属性length获取其长度。<script> var a="he...

jquery 动态增加删除行的简单实例（推荐）

jquery 动态增加删除行的简单实例（推荐）

2017年02月06日 45 阅读

最近写程序，碰巧有动态增加删除行，下面就记录一下html就不写了，也没有什么，直接上核心了新增行function addRow（obj）{ //获得table一共有多少行，方便追加的时候给序号赋值var length = $（"#grid tr"）.length; //获得当前是第几行，以便追加的时候，在该行下进行新增，我这里跨的级别比较多，根据实际层级去定义var current = $（obj）.parent（）.parent（）.parent（）...

jquery自定义表单验证插件

jquery自定义表单验证插件

2017年02月06日 43 阅读

本文实例为大家分享了jquery表单验证插件，供大家参考，具体内容如下//正则表达式var map = new Map（）;map.put（"*", /[wW]+/）;map.put（"*6-16", /^[wW]{6,16}$/）;map.put（"n", /^d+$/）;map.put（"n6-16", /^d{6,16}$/）;map.put（"s", /^[u4E00-u9FA5uf900-ufa2dw.s]+$/）;map.put（"s6-16"...

浅析BootStrap Treeview的简单使用

浅析BootStrap Treeview的简单使用

2017年02月06日 42 阅读

bootstrap-treeview.js1是一款强大的树菜单插件,本文给大家介绍bootstrap treeview的简单使用。废话不多说，直接上干干货。1、bootstrap-treeview Github网址：https://github.com/jonmiles/bootstrap-treeview2、使用要求：<！-- 样式表 --><link href="~/Content/bootstrap.css" rel="styles...

详解Javascript中的原型OOP

详解Javascript中的原型OOP

2017年02月06日 38 阅读

前言JavaScript原型链对于对于很多刚学习Javascript的新手们来书总显得神秘不好理解,但如果你想深入的学习Javascript，就不得不去研究以下了，或许你很少有机会来使用它，不过我想说机会总是留给有准备的人，下面我们这篇文章就来学习一下。百度百科中，这样描述了property:在JavaScript中，prototype对象是实现面向对象的一个重要机制。每个函数就是一个对象（Function），函数对象都有一个子对象 prototype对象...

jQuery给指定的table动态添加删除行的操作方法

jQuery给指定的table动态添加删除行的操作方法

2017年02月06日 44 阅读

最近写程序，碰巧有动态增加删除行的，下面就记录一下。$（"#mytable tr"）.find（"td:nth-child（1）"） 1表示获取每行的第一列$（"#mytable tr"）.find（"td:nth-child（3）"） 3表示获取每行的第三列今天在项目中，刚好用到给指定的table添加一行、删除一行，就直接找google，搜出来的东西不尽如人意，不是功能不好就是千篇一律，简直浪费时间还不讨好，于是乎就自己动手封装个，现就把代码分享出来，避...

利用jquery给指定的table动态添加一行、删除一行的方法

利用jquery给指定的table动态添加一行、删除一行的方法

2017年02月06日 45 阅读

$（"#mytable tr"）.find（"td:nth-child（1）"） 1表示获取每行的第一列$（"#mytable tr"）.find（"td:nth-child（3）"） 3表示获取每行的第三列今天在项目中，刚好用到给指定的table添加一行、删除一行，就直接找google，搜出来的东西不尽如人意，不是功能不好就是千篇一律，简直浪费时间还不讨好，于是乎就自己动手封装个，现就把代码分享出来，避免大伙重复造轮子，如有问题欢迎大伙拍砖指正，千万可别...

js利用clipboardData实现截屏粘贴功能

js利用clipboardData实现截屏粘贴功能

2017年02月06日 42 阅读

本文实例为大家分享了clipboardData截屏粘贴实现代码，供大家参考，具体内容如下<！DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>copyimg</title><style type="text/css"> #box{ width:200px; height:200px; bo...

Angularjs手动解析表达式（$parse）

Angularjs手动解析表达式（$parse）

2017年02月06日 43 阅读

下面一段代码给大家介绍了angularjs手动解析表达式（$parse），具体代码如下所示：<！DOCTYPE html><html lang="zh-CN" ng-app="app"><head><meta charset="utf-8"><title>手动解析表达式（$parse）</title><link rel="stylesheet" href="../bootstra...

让html元素随浏览器的大小自适应垂直居中的实现方法

让html元素随浏览器的大小自适应垂直居中的实现方法

2017年02月06日 45 阅读

表格可以实现td中的元素垂直居中显示，但是前提条件必须定义td的高才可行。但是很多时候会用到元素跟随浏览器的大小垂直居中，如在制作展示官网、活动展示网等等的时候。问题：实现div垂直居中并在缩放浏览器尺寸的时候仍然居中。解决方案：1、浏览器可视区域的高度-元素的高度/2 = 元素距离浏览器可视区域顶部的距离。（bodyHeight – divHeight）/22、浏览器可视区域如果小于元素的高度，即元素距离浏览器可视区域顶部的距离为零。3、onresize...

微信小程序生命周期详解

微信小程序生命周期详解

2017年02月06日 44 阅读

微信小程序生命周期通俗的讲，生命周期就是指一个对象的生老病死。从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期：应用生命周期页面生命周期应用生命周期影响页面生命周期》》》应用生命周期用户首次打开小程序，触发 onLaunch（全局只触发一次）。小程序初始化完成后，触发onShow方法，监听小程序显示。小程序从前台进入后台，触发 onHide方法。小程序从后台进入前台显示，触发 on...

jquery 动态增加,减少input表单的简单方法（必看）

jquery 动态增加,减少input表单的简单方法（必看）

2017年02月06日 45 阅读

html代码如下<html> <tr><button style="margin-left:10px" class="add_field_button btn">Add</button></tr><tbody class="input_fields_wrap"></tbody> </html> js代码如下<script>var max_fields...

jquery动态添加文本并获取值的方法

jquery动态添加文本并获取值的方法

2017年02月06日 42 阅读

实例如下： $（function（） {var i = 1;$（"#addText"）.click（function（） {if （i < 9） {$（"#main"）.append（"<div><input type="text" name="text" + i + ""/> <a href="#" mce_href="#" class="del-text">del</a></div>"）...

javascript加载xml 并解析各节点的值（实现方法）

javascript加载xml 并解析各节点的值（实现方法）

2017年02月06日 44 阅读

实例如下： var xmlDoc = null;function LoadXml（xmlPath） {try {if （window.ActiveXObject） {xmlDoc = new ActiveXObject（"Microsoft.XMLDOM"）;}} catch （e） {try {xmlDoc = document.implementation.createDocument（"", "", null）;}catch （e） {alert（e...

jquery动态创建div与input的实例代码

jquery动态创建div与input的实例代码

2017年02月06日 41 阅读

无意中发现的，做为收藏，以备后绪查看时用。实例如下：<html><head><title>jjquery动态创建div与input</title><script type="text/javascript" src="jquery-1.4.2.min.js"></script><script><！--动态创建div-->$（function （）{$（"<...

有关文件上传非ajax提交得到后台数据问题

有关文件上传非ajax提交得到后台数据问题

2017年02月06日 40 阅读

下文给大家介绍文件上传非ajax提交得到后台数据的操作方法，具体详情如下所示；<form name="configForm" id="configForm" method="post" action="" > ..........</form>根据id获得表单数据然后发送ajax请求，获得后台返回数据，处理数据，完美。但是如果需要上传文件，<tr> <td class="fontSize">请选择文件:&...

<< 81 82 83 84 85 86 87 88 89 90 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图