随笔分类 - Web前端技术
包含html,Javascript,Css,xml,jQuery及其它前端技术
摘要：先上代码，后面再进行说明。以下是前端代码： 要下载的文件名： 正加下载中，请稍候。。。 以下是服务器端代码：using System;using System.Collections.Generic;using System.Linq...
阅读全文
摘要：之前在网上看到有人提问，如何在页面上同步显示服务器的时间，其实实现方法有几种，可能一般人立马就想到可以使用Ajax每隔一秒去请求服务器，然后将服务器获取到时间显示在页面上，这样虽然能够实现，但存在一个很大的问题，那就是每隔一秒去请求服务器，这样如果用户多了，服务器就会崩溃（内存占用率会很大），所以在...
阅读全文
摘要：打开网页对话框，一般有三种方法：window.open、window.showModalDialog、window.showModelessDialog，每一种都有它的优点与不足。第一种方法：window.open是大家常用的方法，它兼容所有的浏览器，打开一个新网页窗口很简单，但这种方法打开的“对话...
阅读全文
摘要：面象对象编程技术的核心理念：封装、继承、多态；在一些主流的高级编程语言中，比如：C#,VB.NET,JAVA,PHP等都是很容易实现的，而如果要在javascript中实现面象对象编程，可就不那么直接和容易了，因为javascript并不是面向对象的语言，所以我们只能通过javascript的一些特...
阅读全文
摘要：CSS定位有四种模式：static、relative、absolute、fixed，其它static是默认值，下面分别讲解下各自的特点；static：静态定位，处于动态布局流中，按照页面中的各元素先后顺序、父子关系自动排列与布局，每个静态定位元素均占用动态布局的一块空间；relative：相对定位，...
阅读全文
摘要：最近一直都在用easyui前端框架来开发设计UI，但在使用Dialog时，发现如果页面内容比较多，就会出现问题
阅读全文
摘要：最近开发一个项目，需要实现用户在WEB表单里的多个INPUT框中输入数量后，立即自动计算加总各项输入的数量之和，并显示在指定的INPUT框中，这个功能实现的原理是简单的，就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现，在谷歌浏览器确实是OK的，但在IE 9中，却发现在INPUT中输入数量后，并不会立即触发change事件，存在兼容问题
阅读全文
摘要：以下是我整理的DIV+CSS常用网页布局技巧，仅供学习与参考！
第一种布局：左边固定宽度，右边自适应宽度
第二种布局：左边自适应宽度,右边固定宽度
第三种布局：三栏布局，左右固定，中间自适应宽度
阅读全文
摘要：idTabs是基于Jquery编写封装的一个插件，主要用于实现选项卡功能,它操作简单,只需到官网:http://www.sunsean.com/idTabs/下载插件JS脚本文件,并引用到网站中即可
阅读全文
摘要：将一个宽度为100%的div的外边距（left-margin or right-margin）设置为某个负值，然后将其第一个子div的外边距（与父容器的边距同方向）设置为对应的正值，那么这个div就可以浮动并且自适应浏览器宽度。
阅读全文
摘要：//判断是否加载完成
function Imagess(url,imgid,callback){
var val=url;
var img=new Image();
if(Browser.ie){
img.onreadystatechange =function(){
if(img.readyState=="complete"||img.readyState=="loaded"){
callback(img,imgid);
}
}
}else if(Browser.Moz){
img.onload=function(){
if(img.complete==true){
callback(img,imgid);
}
}
}
//如果因为
阅读全文
摘要：使用JQUERY操作XML方法：
1..Post(”xml文件路径",function(data){});
必要条件：如果只是下载文件，只要添加mime类型就能告诉IIS允许下载，不需要设置ISAPI。
阅读全文
摘要：1.document.write("");为 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
阅读全文
摘要：URL : 统一资源定位符 (Uniform Resource Locator, URL)
完整的URL由这几个部分构成：
scheme://host:port/path?query#fragment
scheme = 通信协议 (常用的http,ftp,maito等)
host = 主机 (域名或IP)
port = 端口号
path = 路径
阅读全文
摘要：啥叫异步,啥叫Ajax.咱不谈啥XMLHTTPRequest.通俗讲异步就是前台页面javascript能调用后台方法.这样就达到了无刷新.所谓的Ajax.这里我们讲二种方法
方法一:(微软有自带Ajax框架)
在Asp.net里微软有自己的Ajax框架.就是在页面后台.cs文件里引入 using System.Web.Services 空间 然后定义静态方法(方法前加上 [WebMethod])
[WebMethod]
public static string ABC(string ABC)
{
return ABC;
}
好了,现在我们谈谈前台Js怎么处理后台返回的数据吧,可利用Jquery处理返回的纯html,json,Xml等数据.这里我们演示返回返回的数据有string、集合(List)、类.
但都返回Json格式
阅读全文
摘要：* 无模式对话框：无模式对话框允许用户在对话框打开的同时与原窗口进行交互操作。在这种情况中，对话框保持在浏览器的上面并处于禁用状态。如果用户从原始文档中移开进行其它浏览，则无模式对话框将被自动关闭，因为该对话框的所有上下文已经丧失。高级搜索功能可以很好地使用这样的对话框，以便使用户可以选择文档中找到的文本，同时使对话框保持打开的状态，这样用户就可以迅速地前进到已找到文本的下一个实例。
* 有模式对话框：有模式对话框常使程序可以使用户完全集中于某一特定的对话框，并要求在继续进行之前与其进行交互操作。这种情况的一个示例就是数据输入操作，在该操作中，必须输入某些数据后应用程序才能继续。
阅读全文
摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。
本文主要是对JS操作JSON的要领做下总结。
在JSON中，有两种结构：对象和数组。
1. 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间运用 “,”（逗号）分隔
阅读全文
