Welcome

首页 / 脚本样式 / JavaScript

概述一个页面从输入URL到页面加载完的过程

2017-02-06 21
过程概述浏览器查找域名对应的 IP 地址；浏览器根据 IP 地址与服务器建立 socket 连接；浏览器与服务器通信： 浏览器请求，服务器处理请求；浏览器与服务器断开连接。以下为详细解析:根据域名查找 IP 地址概念解释IP 地址：IP 协议为互联网上的每一个网络和每一台主机分配的一个逻辑地址。IP 地址如同门牌号码，通过 IP 地址才能确定一台主机位置。服务器本质也是一台主机，想要访问某个服务器，必须先知道它的 IP 地址；域名（ DN ）：IP 地址由...

JS重载实现方法分析

2017-02-06 16
本文实例分析了JS重载实现方法。分享给大家供大家参考，具体如下：重载是面向对象语言里很重要的一个特性，JS中没有真正的重载，是模拟出来的（因为js是基于对象的编程语言，不是纯面向对象的，它没有真正的多态：如继承、重载、重写）一、什么时候用重载？举例：function getDataTop10（）{alert（"返回前10条数据"）;}后来需求改了，需要获得20条数据，而getDataTop10又被很多函数调用了，整体替换可以但麻烦，这时可以用重载进而引出什...

JS搜狐面试题分析

2017-02-06 20
本文实例讲述了几道JS搜狐面试题。分享给大家供大家参考，具体如下：一、实现一个遍历数组或对象里所有成员的迭代器。var each = function（obj, fn）{//+++++++++++答题区域+++++++++++//+++++++++++答题结束+++++++++++};try{var data1 = [4,5,6,7,8,9,10,11,12];var data2 = {"a": 4,"b": 5,"c": 6};console.group...

详解jQuery uploadify文件上传插件的使用方法

2017-02-06 26
uploadify这个插件是基于js里面的jquery库写的。结合了ajax和flash，实现了这个多线程上传的功能。现在最新版为3.2.1。在线实例实例中用到的php文件UploaderDemo.php请在页面下方下载引入文件<link rel="stylesheet" type="text/css" href="uploadify.css" /><script type="text/javascript" src="jquery.mi...

JavaScript实现格式化字符串函数String.format

2017-02-06 48
在js开发中，我们可能会遇到这样一个问题当需要通过js动态插入html标签的时候特别是当遇到大量的变量拼接、引号层层嵌套的情况，会出现转义字符问题，经常出错我们来看个例子<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset...

文件上传的几个示例分享【推荐】

2017-02-06 19
本篇将要和朋友们分享的是几个上传文件的例子和逻辑步奏及自定义个简单的js上传插件我取名为shenniu.upfile-0.0.1.js；近来在讨论组中很有几个朋友咨询上传文件的代码和怎么下载上传的文件，所以写了此篇文章，希望能为朋友们解答一些疑惑或能带来帮助，也谢谢各位多多支持点赞。以上是个人的看法，下面来正式分享今天的文章吧：使用iis发布保存上传文件的文件夹示例A - 普通表单上传文件，Request.Files获取上传文件示例B - 普通表单上传文件...

基于js实现二级下拉联动

2017-02-06 21
本文实例为大家分享了js下拉联动的具体代码，供大家参考，具体内容如下<！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> <m...

Bootstrap CSS布局之代码

2017-02-06 16
Bootstrap对代码显示提供了三种方式：内联代码1.使用 元素显示单行内联代码内联代码主要是设置code元素的背景颜色和其内部的文字颜色。//用法<code><body></body></code>//源码code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4p...

Bootstrap CSS布局之表格

2017-02-06 16
表格组件中，BootStrap提供了 1种基础.table样式 4种附加样式（.table-striped/.table-bordered/.table-hover/.table-condensed） 1种支持响应式布局的.table-responsivetable样式//源码table { background-color: transparent;}caption { padding-top: 8px; padding-bottom: 8px; col...

Bootstrap CSS布局之表单

2017-02-06 23
1. 表单表单是html网页交互很重要的部分，同时也是BootSTrap框架中的核心内容，表单提供了丰富的样式（基础、内联、横向）表单的元素 input textarea select checkbox radio（checkbox和radio是input的特殊类型） 其他标签 form fieldset legend1.1.基础表单<！--基础表单：1.向父 <form> 元素添加 role="form"。2.把标签label和控件放在...

Bootstrap CSS布局之按钮

2017-02-06 20
按钮是任何系统都不能缺少的组件，设置到按钮的大小、颜色、状态等。//btn源码.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: midd...

Bootstrap CSS布局之图像

2017-02-06 16
本文大家分享了Bootstrap CSS布局之图像，供大家参考，具体内容如下img-rounded、img-circle、img-thumbnail（缩放图模式）//源码img { vertical-align: middle;}.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > ...

Bootstrap CSS组件之大屏幕展播

2017-02-06 24
在设计网页布局的时候，经常会有大屏内容的显示jumbotron 顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。 源码中可以看出： 如果jumbotron放在container样式内，则显示圆角;如果不放在里边，则不会显示圆角。<！DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta htt...

Bootstrap CSS组件之分页（pagination）和翻页（pager）

2017-02-06 18
几乎所有网站内容都需要分页显示,一个用户体验良好的分页组件会得到访问用户的良好评价。//源码.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}.pagination > li { display: inline;}.pagination > li > a,.pagination > li > spa...

Bootstrap CSS组件之面包屑导航（breadcrumb）

2017-02-06 21
面包屑breadcrumb一般用于导航，表示当前页面所在的位置 面包屑可以设置其他相关的小标记内容，比如标签、徽章标记等。//源码//基础样式.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px;}//所有li项都是内联块方式.breadcrumb > li { disp...

Bootstrap CSS组件之导航（nav）

2017-02-06 16
本文实例为大家分享了Bootstrap导航的具体代码，供大家参考，具体内容如下//源码.nav { padding-left: 0; margin-bottom: 0; list-style: none;}.nav > li { position: relative; display: block;}.nav > li > a { position: relative; display: block; padding: 10px 15px...

Bootstrap CSS组件之导航条（navbar）

2017-02-06 22
本文主要大家分享了响应式导航条的具体代码，供大家参考，具体内容如下1.基础导航条navbar navbar-default navbar-header navbar-brand nav navbar-nav 2.导航条中的表单navbar navbar-default navbar-header navbar-brand navbar-form 3.导航条中的按钮，文本，链接navbar-btn、bavbar-text、navbar-link 4.导航条中...

jQuery Validate验证框架详解（推荐）

2017-02-06 30
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。一、导入js库<script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script><script type="text/javascript" src="<%=path...

javascript 数组去重复（在线去重工具）

2017-02-06 27
在线文本去重复工具第一种方法：<textarea id="list" class="toolarea">脚本之家www.jb51.netwww.baidu.comwww.jb51.net脚本之家shouce.jb51.netwww.jb51.nettools.jb51.netwww.baidu.comshouce.jb51.nettools.jb51.net脚本之家www.jb51.net</textarea><input t...

原生js验证简洁注册登录页面

2017-02-06 20
序一个以js验证表单的简洁的注册登录页面，不多说直接上图效果主要文件完整代码1 sign_up.html 注册表单<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>sign-up</title> <link rel="stylesheet" href="css/common_form.css"&...
<< 41 42 43 44 45 46 47 48 49 50 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图