web前端技术归类

1.以屏幕可用宽和高的百分比来定义弹出框的宽和高

var trueWidth = $(top.window).width() * 0.9;
var trueHeight = $(top.window).height() * 0.9;

2.光标离开时验证是否数字
//js
function CheckIsNan(t){
var IsNanValue=$(t).val();
var strP=/^\d+$/;

if(!strP.test(IsNanValue)) { 
alert("请输入数字!"); 
$(t).focus();
return false; 
}

}

//html
<td><input name="number" onblur="CheckIsNan(this)"/></td>

3.失去焦点时给文本框默认值
//js
function cls(t) {
//如果当前值为默认值,则清空
if ($(t).val() == "输入首字母或名字检索") $(t).val("");

}
function res(t) {

//如果当前值为空,则重置为默认值
if ($(t).val() == "") $(t).val("输入首字母或名字检索");
}

//html
<input id="userName" value="输入首字母或名字检索" onfocus="cls(this)" onblur="res(this)" />

4.把输入为数字的时间转换为年-月-日形式

function changeTime(t) {
var time = $(t).val();
var strP = /^\d+$/;
if (!strP.test(time)) {
alert("请输入八位时间数字!");
twice += 1;
if (twice < 3) {
$(t).focus();//超过两次操作有误时,就不回光标
}
else {
twice = 1
}
return false;
}

if (time.length == 8) {
var year = time.substring(0, 4);
var month = time.substring(4, 6);
var day = time.substring(6, 8);
$(t).val(year + "-" + month + "-" + day);
} else {
alert("请输入八位时间数字!");
}
}

5.在table中全部选中行
function checkAll(t) {
var isBool = t.checked;//t一般是写this
var a = $(t).parent().parent().children().children().children().children("td").children("input").each(function () {
//js 的动态添加属性
this.checked = isBool;
});
6.在table中反选操作

function InvertSelection(t) {
var isBool = t.checked;
if (isBool) {
//选择反选时,全选按钮应该去掉打勾
$(t).parent().parent().parent().parent().parent().children("legend").children("input[name=‘listcheckbox‘]").each(function () {
//js 的动态添加属性
this.checked = false;
});

$(t).parent().parent().parent().parent().parent().children().children().children().children("td").children("input").each(function () {
//js 的动态添加属性
if (this.checked == true) {
this.checked = false;
}
else {
this.checked = true;
}
});
}
else {
//
$(t).parent().parent().parent().parent().parent().children().children().children().children("td").children("input").each(function () {
//js 的动态添加属性
if (this.checked == true) {
this.checked = false;
}
else {
this.checked = true;
}
});

}

var b = $(t).parent().parent().parent().parent().parent().children("legend");
}

7.当勾选复选框时跳转到指定页面-----------------

function checkMore(t) {
var isBool = t.checked;
if (isBool) {
location.href = "../Admin/AfterStorage.aspx";
}
else {
location.href = "../Admin/AuditedSupply.aspx";
}
}

8.前台传值的时候先编码
$.post("/Admin/SuppliesOrder/Actions/FuzzyCheckConsumable.ashx?keyword=" + escape(request.term)//escape就是用来解码
//后台接收传值时再解码
string keyword = System.Web.HttpContext.Current.Server.UrlDecode(keyword);

9.清除查询条件

function ClearQuery() {
$(‘#tbsearch‘).find("input").val("");
}

web前端技术归类,布布扣,bubuko.com

时间: 2024-09-29 18:53:45

web前端技术归类的相关文章

最热web前端技术汇总

Web前段技术发展很快,主流技术日新月异,想想自己刚毕业那会用的asp技术,现在已经很少有主流网站在使用了. 再到后来的J2EE框架,然后SpringMVC大行其道,但是最近各种js框架被广为传播,Html5的推出很是丰富了移动互联网的发展,此文对当前最新的几种web前端技术进行的汇总,让大家更多地了解,然后取其所长,避其所短,快速推出简约大方,维护方便,性能良好的个人网站. JavaScript MV*框架 在相当长的一段时间里,每个程序员都要学会如何利用JavaScript来编写弹出一个警告

web前端技术社区分享

web前端技术社区分享 一.国外的前端技术网站:    1. 名称:W3C: 网址:http://www.w3.org/ 理由:前端技术的规范标准几乎都是W3C制定的  2.名称:ECMA 网址:http://www.ecmascript.org/ 理由:JavaScript最核心的内容就是ECMA 3.名称:Mozilla社区 网址:https://developer.mozilla.org/zh-CN/ 理由:Mozilla社区包含了很多有关Web前端的文章,非常值得学习   4.名称:H5

最受欢迎web前端技术总结

Web前端技术发展非常快,主流技术的进步.想想刚毕业那会用asp技术.目前,该网站已经非常少见主流应用. 后来的后来J2EE框架.然后SpringMVC声望,然而,最近的各种js框架广泛传播,Html5移动互联网非常丰富的开发引进,一些最新的文本web进行的汇总,让大家很多其它地了解.然后取其所长,避其所短.高速推出简约慷慨,维护方便,性能良好的个人站点. JavaScript MV*框架 在相当长的一段时间里,每一个程序猿都要学会怎样利用JavaScript来编写弹出一个警告框或查看是否包括@

Web前端技术--网络三剑客(HTML、CSS、JavaScript)什么是新网络三剑客?以及其他前端技术(JQuery、Vue.js)。

一.Web前端技术--网络三剑客 1.HTML是什么? HTML,全称HYPER TextMarkup Language (超文本标记语言).HTML是一门描述性语言,它是网页的标准语言,并不是一门编程语言. 2.CSS是什么? CSS,全称Cascading Style Sheet(层叠样式表),是用来控制网页外观的一种技术. 3.JavaScript 是什么? JavaScript ,就是我们通常说的JS,是一种嵌入到HTML页面中的脚本语言,由浏览器一边解释一边执行.   “HTML”是网

一般Web前端开发要学什么 如何掌握Web前端技术

一般Web前端开发要学什么?如何掌握Web前端技术?越来越多的行业巨头不断向Web前端示好,除苹果.微软.黑莓之外,谷歌的Youtube已部分使用Web前端.Chrome浏览器宣布全面支持Web前端;Facebook则不遗余力地为Web前端进行着病毒式传播.Web前端代表了移动互联网发展的趋势,总有一天它将成为主流技术.Web前端作为一个前端的编程语言,前景十分可观. 学习内容包括7大学习阶段: 第1阶段:前端页面重构(4周) 内容包含了:(PC端网站布局项目.HTML5+CSS3基础项目.We

web前端技术框架选型参考

一.出发点 随着Web技术的不断发展,前端架构框架.UI框架.构建工具.CSS预处理等层出不穷,各有千秋.太多的框架在形成初期,都曾在web领域 掀起过一场技术浪潮,可有些却仅仅是昙花一现,随着他们用户量的逐渐减少,社区也越来越不活跃.如:meteor.backbone.ember.knockout. 不禁感叹技术的更新换代来的太突然.为了追赶技术更新的脚步,保证技术实施的高性能,强兼容性,并且不会再短时间内被时代所遗弃.以下为目 前常见的主流技术参考,根据github关注度排名: 架构框架 框

web前端技术总结

编辑器: 1 webstrom(建议版本10.0), 2 sublimeTEXT(建议版本3), 3 dreamweaver (建议版本CS6, CC2015)  浏览器: 1 firefox  建议安装 firebug插件  其他插件: httprequester(调试接口用), 2 chrome  建议安装插件:postman(调试接口用) UI技能(前端角度,非UI角度) Photoshop cc2015, markman标记工具 其他:美图秀秀,fireworks,AI 项目管理 git

开始学习web前端技术

不能再蹉跎了,不能再徘徊了,不能再犹豫了,犹豫徘徊等于白来…… 感觉之前浪费了太多的岁月,必须得学习一门实用的技术来充实自己空虚的心情了. 想来想去网页应该是万金油的,大大小小多多少少都得用到.既然如此,先从前端学起吧,毕竟看得到的才是最直接的. 既然没什么基础,先从静态的开始吧. 既然html5貌似很火的样子,总得搞点“现代”一点的东西吧,那就直接上bootstrap吧. 嗯,暂时先差不多这样,先搞搞css相关的东西,再来点JavaScript…… 呃,不对,先用bootstrap搞个hell

web前端技术回顾

短暂的前端学习结束了,系统的接受了html+css+JavaScript+jQuery+Bootstrap.东西很多很系统.现在就来回顾下之前的学习内容.HTML让我认识到了网页的基本构成主要是由: <html> <head></head> <body></body> </html>这三部分组成,head里面可以放<title></title>标签,<title>的主要作用是可以在网页运行中把你的网