js | 易学教程

JS获取四位年份和2位年份

阅读更多关于 JS获取四位年份和2位年份

let date=new Date(); //四位 let yearFour=date.getFullYear(); //两位 let yearFour=date.getFullYear().toString().subsr(2,2); 众所周知，js里面有个内置对象Date，记录了有关系统时间的信息。我们只要实例化一个Date对象，var date= new Date(); 然后就可以用这个对象获取有关当前时间的各种信息，比如年份，月份，日期以及时间等。这里有一个小小的问题，在获取年份的时候，不同的浏览器竟然有不一样的结果喔。 var year=date.getYear(); alert(year); IE中显示2010，没问题；但是FF，Chrome等却显示110，神奇呢~~~ 我们仔细观察一下，发现2010-1900=110！溯其根源，是因为在2000年之前，我们是两位数来表示年份的，比如拳皇97，拳皇99，没有说拳皇1997的吧？所以呢，在javascript里，获取的年份是默认减去1900的，当然在2000年之前，这是没问题的，但是2000年之后，就会出现110年这样的怪现象。其实这么说来，110年才是正常的，IE中显示2010年的原因只是IE这个“万能”的浏览器自作主张地对getYear()的值加上1900罢了。对了，这里顺便说一下，在java里面

js if语句

阅读更多关于 js if语句

if语句 1.语法：if（表达式）{ 如果小括号里的表达式为真，则执行大括号里的代码段代码段 } 2.语法：if（表达式）{ 如果表达式中的结果为真则执行代码段1 否则执行代码段2 代码段1 }else{ 代码段2 } 3.级联式 4.嵌套分支在分支嵌套里当if里面的表达式全部为真，则执行最里面的代码段来源： CSDN 作者： Jason–json 链接： https://blog.csdn.net/weixin_46146313/article/details/104107668

JS阻止事件冒泡的3种方法之间的不同

阅读更多关于 JS阻止事件冒泡的3种方法之间的不同

什么是JS事件冒泡？：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如何来阻止Jquery事件冒泡？通过一个小例子来解释 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs"Inherits="Default5"%><!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 runat="server"><title>Porschev---Jquery 事件冒泡</title><script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>

js实现div拖动

阅读更多关于 js实现div拖动

这里对于鼠标经过input时，使得拖动失效，因此通过对input绑定onmouseover事件，获取鼠标经过的标签name var inputName; boxid.onmouseover = function (event) { inputName = event.target.name;//鼠标每经过一个元素，获取name } 获取所需拖动的div var div=document.getElementById("divId"); 对div绑定点击事件，在绑定鼠标移动事件时，判断鼠标经过的元素是否为当前所需要排除的input元素（这里通过设置元素的name进行判断） draggableBox(div, "name") function draggableBox(boxid, name) {//拖动事件 var draggable = true; var inputName; boxid.onmouseover = function (event) { inputName = event.target.name;//鼠标每经过一个元素，就把该元素赋值给变量el } boxid.onmousedown = function (evt) { var oEvent = evt || event; //获取事件对象，兼容写法 var disX = oEvent.clientX -

JS中 self = this 的解释

阅读更多关于 JS中 self = this 的解释

DEMO 1 　　function Person(){ this.name = 'hjzgg'; this.age = 24; this.show = function(){ alert(name + " " + age); } } var p = new Person(); p.show(); 　错误：name 和 age都没有定义. DEMO 2 　　function Person(){ this.name = 'hjzgg'; this.age = 24; this.show = function(){ alert(this.name + " " + this.age); } } var p = new Person(); p.show(); 正确 DEMO 3 　　function Person(){ this.name = 'hjzgg'; this.age = 24; this.show = function(){ alert(this.name + " " + this.age); } } var p = new Person(); p.show.call({}); 错误：name 和 age 未定义 DEMO 4 　　function Person(){ this.name = 'hjzgg'; this.age = 24; var self = this;

JS调用webservice的通用函数。

阅读更多关于 JS调用webservice的通用函数。

刚开始接触ajax的时候好蛋疼啊，还是jquery用着爽。各位看官可以忽略此篇了。调用： RequestByPost(method,variable,value,url,_Namespace) method:webservice的方法名 variable：webservice的方法的变量名数组 value：webservice的方法的变量的值的数组 url：请求的地址（asmx文件地址） _Namespace：webservice的命名空间 < script language = " javascript " type = " text/javascript " > // <!CDATA[ // define var xmlhttp; var value = new Array(); var variable = new Array(); // Show Response MSG. function handleStateChange() { var h = document.getElementById( " Label1 " ); if (xmlhttp.readyState == 4 ) { if (xmlhttp.status == 200 ) { alert(xmlhttp.responseText); h.innerHTML = xmlhttp

JS AJAX

阅读更多关于 JS AJAX

1. ajax与XMLHttpRequest 什么是XMLHttpRequest 一种支持异步请求的技术，是ajax的核心 XMLHttpRequest的作用向服务器提出请求并处理响应而不阻塞用户可以在页面加载后进行局部页面更新如何使用ajax 创建XMLHttpRequest异步调用对象创建一个新的HTTP请求，并指定该HTTP请求的方法URL 设置响应HTTP请求状态变化的函数 2. XMLHttpRequest对象简单版本 var xmlhttp ; if ( window . XMLHttpRequest ) { xmlhttp = new XMLHttpRequest ( ) ; } else { xmlhttp = new ActiveXObject ( 'Microsoft.XMLHTTP' ) ; } 全面版本 function createXHR ( ) { if ( typeof XMLHttpRequest != "undefined" ) { return new XMLHttpRequest ( ) ; } else if ( typeof ActiveXObject != "undefined" ) { var xhrArr = [ 'Microsoft.XMLHTTP' , 'MSXML2.XMLHTTP.6.0' , 'MSXML2

js 获取css样式方式的初理解

阅读更多关于 js 获取css样式方式的初理解

javascript getComputedStyle() and currentStyle() element.style 今天了解了js里获取样式的几个方法，记录下自己的理解首先是window.getComputedStyle(dom,null) [attr] dom----> 是你要获取的元素 eg: div null —> 我也不知道为什么要有这个但必须有如果要获取伪元素（after，before）的样式 null就换成伪元素的字符串形式 eg: window.getComputedStyle(div,“after”) window.getComputedStyle(dom,null)返回的是一个样式表是一个对象里面的值都是最后作用在dom上的最终看见的样式值同样没设置的样式会把系统的默认值返回在这里给div设置了两个width 但最终因为行内样式的值作用在了div上所以 window.getComputedStyle()获取的值就是起作用的值而element.style 获取的是行间样式的值就没有window.getComputedStyle()方法获取的准确但window.getComputedStyle(dom,null)[attr]不兼容IE8及以下所以IE也有一种方式 dom.currentStyle[attr] //注只有IE支持

js之oop <三>属性标签

阅读更多关于 js之oop 属性标签

读取属性标签获取对象属性标签，用 Object . getOwnPropertyDescriptor 方法。 getOwnPropertyDescriptor (); 参数：属性所在对象 ( object )，属性名 ( string ) var obj = { code:2,element:"ele" }; Object.getOwnPropertyDescriptor(obj,"code"); //输出 { value: 2, writable: true, enumerable: true, configurable: true } getOwnPropertyDescriptor返回该属性标签的对象。 value 　　　　属性值 writeable 　　属性是否可写(是否可修改) enumerable 属性是否可枚举(是否在for in遍历中出现) configurable 属性的其他属性标签是否可修改或者该属性是否可delete 一般方式添加这四个属性标签默认都是 true 。 **************************************************************************************************************** 定义属性标签定义对象属性标签，用 Object .

[js开源组件开发]js手机联动选择地区仿ios 开源git

阅读更多关于 [js开源组件开发]js手机联动选择地区仿ios 开源git

移动端地区选择控件mobile-select-area 由于之前的 [js开源组件开发]js手机联动选择地区仿ios 开源git 很受欢迎，于是我又对其进行了一些优化，包括可选的范围变大了，添加了默认空首地址的功能，也添加了更多api参数,首先我们先来看下这次的效果图. 它的 github地址请点击 https://github.com/tianxiangbing/mobile-select-area 它的 demo演示请点击 http://www.lovewebgames.com/jsmodule/mobile-select-area.html 这次还是依然引用了 dialog 这个插件,但删除了zeptojs，改用成了jquery,因为zepto还是有一些动画的计算有问题，当然也可以兼容zeptojs，随你喜欢吧，但去除了tap事件，改用click事件，你可以选择加载fastclick这个插件来加快点击速度。好了，先来介绍下API default: 0||1 0为空,true时默认选中第一项,默认1 trigger: 触发弹窗的DOM元素，可以是input或其他 value: 初始值, level: int 级别数，默认是3级的 separator: , id值分隔符 eventName: tap|click 触发事件名称，默认click

订阅 js