Welcome

首页 / 脚本样式 / JavaScript

Bootstrap表单布局

2017-02-06 19
Bootstrap 提供了下列类型的表单布局：•垂直表单（默认） -> 这个不好看，都是手机版了，PC版占一排不好看；•内联表单 -> 我相信这个才是你想要的，PC版响应横排，手机版响应竖排。•水平表单 -> 用栅格系统控制显示一、垂直表单垂直表单使用的标准步骤1.<form> 元素添加 role="form"。2.把标签和控件放在一个带有"form-group"的<div> 中...

老生常谈js动态添加事件--- 事件委托

2017-02-06 16
其所谓的动态添加事件实质就是指js中的事件委托。我们知道在js中，事件处理只能绑定在当前被选中的元素上，换句话也就是说，事件处理只能绑定在当前文档已经存在的元素上！但是，往往小伙伴们都会遇到一个问题就是，我的元素是后来动态添加到页面的，而我又想给该元素绑定事件，怎么处理？为了说明白这一问题，我们假设需要给后来添加到当前页面的元素添加click事件。解决这一问题的核心就是利用js的委托事件。委派事件的优势就是可以给未存在的元素绑定事件，而且委派事件往往开销也...

JS动态给对象添加事件的简单方法

2017-02-06 17
WEB项目中，我们常常会碰到要动态对相应的对象添加事件，如下，有id="txtPrice"的文本框控件： <div><input type="text" id="txtPrice" name = "txtPrice" value = "0"/> <div>现在我们为其动态添加一事件，JS核心代码如下：document.getElementById（"txtPrice"）.attachEvent（"onblur", fun...

JS把内容动态插入到DIV的实现方法

2017-02-06 16
<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="content-type" content="text/htm...

js 动态添加元素（div、li、img等）及设置属性的方法

2017-02-06 16
把一串 html 标签赋给一个 javascript 变量，除属性的值要用转义的双引号外，某些时候字符串还很长，显得有些复杂。如果用 js 动态添加元素，就不会有那么复杂的字符串出现，代码阅读性强一点，也容易理解。网页是由 html 标签一层层组成的，js 也可以动态添加一层层的诸如 div、li、img 这样的标签。其实，不管是什么 html 标签，js 动态创建的方法都差不多，接着就先从动态添加 div 开始。一、js 动态添加元素div<div...

jQuery EasyUI提交表单验证

2017-02-06 16
EasyUI的form表单里面的验证框，先讲解下validatebox类和相关的属性。验证规则验证规则是通过使用 required 和 validType 特性来定义的， 这里是已经实施的规则：email：匹配 email 正则表达式规则，系统提供的属性。url：匹配 URL 正则表达式规则length[0,100]：允许从 x 到 y 个字符remote["http://.../action.do","paramName"]：发送 ajax 请求来验证值...

EasyUI中在表单提交之前进行验证

2017-02-06 17
使用EasyUi我们可以在客户端表单提交之前进行验证，过程如下：只需在onSubmit的时候使用return $（"#form1"）.form（"validate"）方法即可，EasyUi中form模块中的from（"validate"）方法会自行对我们指定的表单中required=true等需要验证的的元素进行验证，但有不通过的元素时返回一个false;$（"#form1"）.form（{url: "login.ashx",onSubmit: funct...

全面了解JavaScript对象进阶

2017-02-06 17
要了解JavaScript对象，我们可以从对象创建、属性操作、对象方法这几个方面入手。概括起来，包括以下几模块：1.创建对象1.1 对象直接量对象直接量是创建对象最简单的方式，由若干名/值对组成映射表:var point = {x: 0, y: 0 };属性名也没有什么限制，可以是js的关键字或者任意字符串，如果是这两种情况，属性需要用双引号引起来：var empty = {};va point = {x: 0, y: 0 };var book = {"m...

详谈JS中实现种子随机数及作用

2017-02-06 16
前言在前端开发中，尤其是游戏开发，经常会用到随机数，那么我们会第一时间想到：Math.random，大家略微的看看如下代码：for （var i= 0; i<10; i++） { document.writeln（Math.random（） +"<br />"）; }运行如上代码，也确实生成了10个不同的数字，当然你可以生成更多，看起来挺不错的，如果仅仅如此，那么本文就没必要写了。示例试着想一下，如果在某一个场景，我们...

用js动态添加html元素,以及属性的简单实例

2017-02-06 17
用js动态添加html元素,以及属性的简单实例function test（）{//创建节点var lswt_2=document.createElement（"div"）;//设置节点idlswt_2.id="lswtColse";//设置节点属性lswt_2.style.width="11px";lswt_2.style.height="10px";lswt_2.style.top="0px";lswt_2.style.right="0px";lswt_...

Bootstrap表单布局样式源代码

2017-02-06 16
Bootstrap提供了三种表单布局：垂直表单，内联表单和水平表单创建垂直或基本表单：•·向父 <form> 元素添加 role="form"。•·把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。•·向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .for...

JSONP跨域请求实例详解

2017-02-06 18
JSOP简介JSONP（JSON with Padding）是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓...

Bootstrap实现水平排列的表单

2017-02-06 17
通过为表单添加 .form-horizontal 类，并联合使用 Bootstrap 预置的栅格类，可以将 label 标签和控件组水平并排布局。这样做将改变 .form-group 的行为，使其表现为栅格系统中的行（row），因此就无需再额外添加 .row 了。水平表单与其他表单不仅标记的数量上不同，而且表单的呈现形式也不同。如需创建一个水平布局的表单，请按下面的几个步骤进行：1、向父 <form> 元素添加 class .form-hori...

微信JS-SDK坐标位置如何转换为百度地图坐标

2017-02-06 16
微信JS-SDK开发过程中，使用getLocation获取坐标位置，如何将微信获取的坐标直接应用到百度地图中，显示以下效果：说明：红色图标是从微信转换过来的位置，蓝色图标是周边位置。首先从微信开发流程讲解。1、微信JS-SDK开发文档 首先进入官网的帮助文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN可对文档进行详细的研读，要...

后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法

2017-02-06 16
1.问题：后端接收不到AngularJs中$http.post发送的数据，总是显示为null示例代码：$http.post（/admin/KeyValue/GetListByPage,{ pageindex: 1,pagesize: 8}） .success（function（）{ alert（"Mr靖"）; }）;代码没有错，但是在后台却接收不到数据，这是为什么呢？用火狐监控：参数是JSON格式用谷歌监控：传参方式是request payload...

js利用正则表达式检验输入内容是否为网址

2017-02-06 18
js正则检验输入的是否为网址功能在网页中也是很常见的，友情链接部分、表单填写个人主页的时候，使用JavaScript取验证是否为网址。这个检验不好写，最好还是使用正则表达式去认证。规定，输入的东西只能是http://与https://开头，而且必须是网址。有人说，为何像www.1.com这样的网页不行呢？这是以免你拿用户输入的东西构造超级链接的时候，a标签中的href属性如果遇不到http://或者https://的东西，那么就会认为是根目录，会在你的网站...

JS与HTML结合使用marquee标签实现无缝滚动效果代码

2017-02-06 16
最近在做一个前端开发的项目，需要实现无缝滚动效果，上下左右无缝滚动。下面小编把实现代码分享到脚本之家平台，需要的朋友可以参考下，有bug欢迎提出，共同学习进步。具体代码如下所示：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><HTML xml...

JavaScript数组方法大全（推荐）

2017-02-06 18
数组在笔试中经常会出现的面试题，javascript中的数组与其他语言中的数组有些不同，为了方便之后数组的方法学习，下面小编给大家整理了关于数组的操作方法，一起看看吧。数组创建JavaScript中创建数组有两种方式，第一种是使用 Array 构造函数：var arr1 = new Array（）; //创建一个空数组var arr2 = new Array（20）; // 创建一个包含20项的数组var arr3 = new Array（"lily","...

Node.js实现文件上传

2017-02-06 16
在工作中碰到了这样的需求，需要用nodejs 来上传文件，之前也只是知道怎么通过浏览器来上传文件， 用nodejs的话， 相当于模拟浏览器的行为。 google 了一番之后， 明白了浏览器无非就是利用http协议来给服务器传输数据， 具体协议就是《RFC 1867 - Form-based File Upload in HTML》， 在浏览器上通过form 表单来上传文件就是通过这个协议，我们可以先看看浏览器给服务端发送了什么数据， 就可以依葫芦画瓢的把上...

jQuery的Each比JS原生for循环性能慢很多的原因

2017-02-06 16
其实查看jQuery的源代码，发现each的代码很简单，但为什么性能和原生的for循环相差几十倍呢？jQuery的each的核心代码for （; i < length; i++） { value = callback.call（obj[i], i, obj[i]）; if （value === false） { break; } }看着很简单，但为什么会慢很多呢？编写测试代码如下：var length=300000; function GetArr（...
<< 151 152 153 154 155 156 157 158 159 160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图