这篇文章主要介绍了 JavaScript 小技巧, 整理汇总了 JavaScript 常用的 6 个实用技巧, 属于 JavaScript 边角技巧的总结, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文整理总结了 JavaScript 的小技巧。分享给大家供大家参考,具体如下:
1. 组织默认事件
阻止默认事件,h5 默认的 input type='date'在某些浏览器和 android 设备上没有效果,这时要调用 h5 + 的时间选择器,但是要组织 input 默认的 click 事件,代码如下:
- //选择时间
- $("#end_time").on("click",
- function(event) {
- event.preventDefault();
- plus.nativeUI.pickDate(function(e) {
- var d = e.date;
- // console.log(d.Format('yyyy-MM-dd'));
- $("#end_time").val(d.Format('yyyy-MM-dd'));
- },
- function(e) {
- console.log("未选择日期:" + e.message);
- },
- {
- title: "请选择到期时间",
- minDate: new Date()
- });
- });
2. 判断 input type='checkbox' 是否被选中,代码如下
- if (!$("#shopregister #checkaggree").is(":checked")) {
- alert("请同意注册协议");
- return false;
- }
3. 获取多个 checkbox 中被选中的那个的值,代码如下
- <input name='is_refund' id='refund_1' type='radio' value='1' />
- <input name='is_refund' id='refund_0' checked='checked' type='radio' value='0' />
- $("#shopregister input[name='is_refund']:checked").val();
4. 设置 checkbox 选中
- $("[name='checkbox']:even").attr("checked", 'true'); //如果这货不管用请用prop
5. 获取多张图片中 title 属性的值
- user.id_pic1 = $($("#shopregister .id_pic")[0]).attr("title");
- user.id_pic2 = $($("#shopregister .id_pic")[1]).attr("title");
- user.id_pic3 = $($("#shopregister .id_pic")[2]).attr("title");
6.ajax 提交过程中显示进度图片
- $.ajax({
- type: 'POST',
- url: configManager.RequstUrl + "/api/user/createstore",
- data: postdata,
- beforeSend:function(){ $("#waitingupload").removeClass("heisebghid").addClass("heisebg");}
- }).done(function (data) {
- $("#waitingupload").removeClass("heisebg").addClass("heisebghid");
- if ("success" == data.state) {
- //服务端成功
- }
- else {
- //服务端失败
- }
- }).fail(function () {
- //ajax请求失败
- });
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0217/267831.html