js

JS高级（2）事件对象

由 心已入冬 提交于 2020-03-16 14:33:48
　　　　　　　　　　　　　　　　　　　　　　　 　　　 JS事件对象 事件委托 1.常用的事件： 　　onmouseover onmousedown ...... 2.每个元素身上的事件是天生自带的，不需要我们去定义，只需要我们给这个事件绑定一个方法，当事件触发的时候就执行这个方法。 3. 事件绑定的写法： 　　（1）div.onclick=function(){} DOM0级事件绑定 　　（2）div.addEventListner()或div.attachEvent() DOM2级事件绑定 　　二者的区别： 　　　　<1>onclick是这个元素的私有属性，而addEventListner()是公有的属性，从event target(事件源)对象上继承来的。IE低版本的attachEvent()是公有的。 　　　　<2>div.onclick存在事件冒泡机制 没有捕获机制 　　　　　　div.addEventListner可有冒泡可有获取，div.attachEvent只有冒泡机制。 4.div.addElementListner()和div.attachEvent()的区别： 　　（1）前者有冒泡和捕获机制，后者只有冒泡机制； 　　（2）事件名前者不带on，后者带on； 　　（3）前者this指向当前元素，后者指向window； 　　（4）前者是标准浏览器的写法

js 时间毫秒

由 会有一股神秘感。 提交于 2020-03-16 11:10:28
1. "2014-08-18 00:00:00" 与　13位毫秒　互换 　　 1 var oTime = { 2 3 _format_13_time:function (str){ 4 var time = str.replace(new RegExp("-","gm"),"/"); 5 var haoMiao = (new Date(time)).getTime(); 6 return haoMiao; 7 }, 8 _add_zero: function (str) 9 { 10 if(parseInt(str) < 10){ 11 str = "0" + str; 12 } 13 return str; 14 }, 15 _format_date_time: function (str) 16 { 17 var d = new Date(); 18 d.setTime(str); 19 var YMDHMS = d.getFullYear() + "-" + oTimeObj._add_zero((d.getMonth()+1)) + "-" + oTimeObj._add_zero(d.getDate()) + " " 20 + oTimeObj._add_zero(d.getHours()) + ":" + oTimeObj._add_zero(d.getMinutes(

Js操作Select大全

由 。_饼干妹妹 提交于 2020-03-16 11:08:07
一、查询 // 1.得到select的当前选中项的value var currSelectValue = document.all.objSelect.value; // 2.得到select的当前选中项的text var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text; // 3.得到select的当前选中项的Index var currSelectIndex = document.all.objSelect.selectedIndex; 二、判断 判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false ; for (var i = 0 ; i < objSelect.options.length; i ++ ) { if (objSelect.options[i].value == objItemValue) { isExit = true ; break ; } } return isExit; } 三、设置 // 1.向select选项中 加入一个Item function

JS获取元素的宽高以及offsetTop,offsetLeft等的属性值

由 泪湿孤枕 提交于 2020-03-16 11:01:09
基本介绍 $(obj).width()与 $(obj).height() $(obj).width()与 $(obj).height() ：jquery方式获取元素的宽高，不包括滚动条与工具条 $(obj).width() = width $(obj).height() = height $(window).width() 与 $(window).height() ：获得的是屏幕可视区域的宽高，不包括滚动条与工具条。 $(window).width() = width + padding $(window).height() = height + padding document.documentElement.clientWidth与document.documentElement.clientHeight document.documentElement.clientWidth 与 document.documentElement.clientHeight ： 获得的是屏幕可视区域的宽高，不包括滚动条与工具条，跟jquery的(window).width()与(window).height()获得的结果是一样的。 document.documentElement.clientWidth = width + padding document.documentElement

jq选择器（jq 与 js 互相转换），jq操作css样式 / 文本内容， jq操作类名，jq操作全局属性,jq获取盒子信息,jq获取位置信息

由 限于喜欢 提交于 2020-03-16 11:00:00
jq选择器（jq 与 js 互相转换） // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取的是jq对象数组 // 拿到指定的页面元素jq对象 $('css3选择器语法').eq(index); var $box = $(".box").eq(1); 获取的是jq对象数组 // jq 转 js （ jq对像就是由数组包裹的js对象 ） box1 = $box[0] 从数组里取出来 box1 = $box.get(0) 从数组里取出来 // js 转 jq $box1 = $(box1); jq操作css样式 / 文本内容 $(".box").eq(1).text("100") // jq获取标签内容,修改标签内容 $(".box").eq(1).text("100").html("<b>xxx</b>") // jq支持链式操作 $(".box").eq(1).css("color","red") // 修改css样式操作 $(".box").eq(1).css("font-size","30px") $(".box").eq(1).css({ // 已字典的形式添加css样式 color:"red", "font-size":"30px", }) $(".box").eq(1).css(

net + js 实现无刷新联动下拉框

由 倖福魔咒の 提交于 2020-03-16 09:24:35
C#代码 using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; using System.Data.OleDb; public partial class _Default : System.Web.UI.Page { protected void Page_Load( object sender, EventArgs e) { if ( ! IsPostBack) { Bind(); } } void Bind() { string sql = " select * from category " ; DataTable dt = getTable(sql); this .select1.Items.Clear(); ListItem item = new ListItem( " --请选择-- " , " -1 " ); this .select1.Items.Add

js省市区级联选择联动

由 旧街凉风 提交于 2020-03-16 09:20:42
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>省市区级联选择</title> 6 <script type="text/javascript" src="/Content/js/jquery-1.7.2.min.js"></script> 7 <script type="text/javascript" src="/Content/js/public.js"></script> 8 <style type="text/css"> 9 body, html, ul { 10 margin: 0px; 11 padding: 0px; 12 } 13 14 #AreaList { 15 list-style-type: none; 16 } 17 18 #AreaList li { 19 float: left; 20 line-height: 30px; 21 height: 30px; 22 margin-right: 5px; 23 } 24 </style> 25 </head> 26 <body> 27 <ul id="AreaList"> 28 <li>省份:

JS 获取当前日期时间以及其他操作

由 让人想犯罪 __ 提交于 2020-03-16 09:18:55
Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear(); //获取当前年份（2位） myDate.getFullYear(); //获取完整的年份（4位，1970-？？？？） myDate.getMonth(); //获取当前月份（0-11，0代表1月） myDate.getDate(); //获取当前日（1-31） myDate.getDay(); //获取当前星期X（0-6，0代表星期天） myDate.getTime(); //获取当前时间（从1970.1.1开始的毫秒数） myDate.getHours(); //获取当前小时数（0-23） myDate.getMinutes(); //获取当前分钟数（0-59） myDate.getSeconds(); //获取当前秒数（0-59） myDate.getMilliseconds(); //获取当前毫秒数（0-999） myDate.toLocaleDateString(); //获取当前日期 myDate.toLocaleTimeString(); //获取当前时间 myDate.toLocaleString(); //获取日期和时间 Js 日期时间脚本库方法列表 Date.prototype.isLeapYear 判断闰年 Date.prototype

js获取当前日期时间

由 只愿长相守 提交于 2020-03-16 09:18:37
<script> var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) //alert(myDate.getYear()) //2009 myDate.getFullYear(); //获取完整的年份(4位,1970-????) //alert(myDate.getFullYear()); 2009 myDate.getMonth(); //获取当前月份(0-11,0代表1月) //alert(myDate.getMonth()); //7(实际是8月) myDate.getDate(); //获取当前日(1-31) //alert( myDate.getDate()); //13 myDate.getDay(); //获取当前星期X(0-6,0代表星期天) //alert(myDate.getDay()); //4 代表星期四 myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) myDate.getHours(); //获取当前小时数(0-23) //alert(myDate.getHours()); //9 代表9点 myDate.getMinutes(); //获取当前分钟数(0-59) //alert(myDate.getMinutes()); //45 分 myDate

JS中e.keycode||e.which

由 筅森魡賤 提交于 2020-03-16 06:47:07
来源： http://www.cnblogs.com/sunny_kitty/archive/2009/10/28/1591302.html 主要分四个部分 第一部分：浏览器的按键事件 第二部分：兼容浏览器 第三部分：代码实现和优化 第四部分：总结 第一部分：浏览器的按键事件 用 js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时 候的keyup。 在这3种事件类型中，keydown和keyup比较底层，而keypress比较高级。这里所谓的高级是指，当用户 按下shift + 1时，keypress是对这个按键事件进行解析后返回一个可打印的“!”字符，而keydown和keyup只是记录了shift + 1这个事件。[1] 但是keypress只能针对一些可以打印出来的字符有效，而对于功能按键，如F1-F12、 Backspace、Enter、Escape、 PageUP、PageDown和箭头方向等，就不会产生keypress事件，但是可以产生keydown和keyup事件。然而在FireFox中， 功能按键是可以产生keypress事件的。
订阅 js