js | 易学教程

JS windows.open打开窗口并居中

阅读更多关于 JS windows.open打开窗口并居中

function openWin() { var url='Add.aspx'; //转向网页的地址; var name='add'; //网页名称，可为空; var iWidth=720; //弹出窗口的宽度; var iHeight=600; //弹出窗口的高度; //获得窗口的垂直位置 var iTop = (window.screen.availHeight - 30 - iHeight) / 2; //获得窗口的水平位置 var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; window.open(url, name, 'height=' + iHeight + ',,innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no'); // window.open("AddScfj.aspx", "newWindows", 'height=100,width=400,top=0,left=0

js实现HTML标题栏中新消息提示效果

阅读更多关于 js实现HTML标题栏中新消息提示效果

js页面新消息提示多加了一个变量isusing，默认值为false，判断是否是newMessageRemind.show()是否已运行，如果运行，不提示，否则提示。点击document时取消提示。 <!DOCTYPE html> <html> <head> <title>js页面新消息提示</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <input id="test" type="button" value="确定" /> <script> var isusing = false; var newMessageRemind={ _step: 0, _title: document.title, _timer: null, //显示新消息提示 show:function(){ var temps = newMessageRemind._title.replace("【　　　】", "").replace("【新消息】", ""); newMessageRemind._timer = setTimeout(function() { newMessageRemind.show(); newMessageRemind._step++; if

js实现点击按钮传值

阅读更多关于 js实现点击按钮传值

js实现点击按钮传值 page1源码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script> function newDoc() { window.location.assign("hellow.html") } function quzhi() { var text1 = document.getElementById("name").value; //取得文本框的值 var text2 = document.getElementById("password").value; alert(text1);//网页提示框 alert(text2); var myurl = "Test_01" + "?" + "pname=" + text1 + "&password=" + text2; window.location.assign(encodeURI(myurl)) } function quzhi2() { var text1 = document.getElementById("name").value; // var text2 = document.getElementById("password").value; var myurl = "hellow.jsp" + "?" + "pname=" +

js如何将纯数字字符串转换为long型

阅读更多关于 js如何将纯数字字符串转换为long型

1.js如何将纯数字字符串转换为long型？ js 中 int的存储位数？最大十进制数表示是多少？精度 http://www.jb51.net/article/59808.htm 整数（不使用小数点或指数计数法）最多为 15 位。小数的最大位数是 17，但是浮点运算并不总是 100% 准确 http://www.cnblogs.com/snandy/p/4943138.html 对于整数，前端出现问题的几率可能比较低，毕竟很少有业务需要需要用到超大整数，只要运算结果不超过 Math.pow(2, 53) 就不会丢失精度。对于小数，前端出现问题的几率还是很多的，尤其在一些电商网站涉及到金额等数据。解决方式：把小数放到位整数（乘倍数），再缩小回原来倍数（除倍数）大整数的精度丢失和浮点数本质上是一样的，尾数位最大是 52 位，因此 JS 中能精准表示的最大整数是 Math.pow(2, 53)，十进制即 9007199254740992。另外： http://www.jb51.net/article/35892.htm //------------------------------解决办法 ---------------------------------------------// http://xzllff.blog.51cto.com/3880098/831241

原生 js上传zip压缩文件

阅读更多关于原生 js上传zip压缩文件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>客户资料上传</title> </head> <style type="text/css"> body{ display: flex; justify-content: center; align-items: center; height: 100vh; } h1{ text-align: center; } form{ text-align: center; } .row1{ position:relative; /* display:inline-block; */ /* padding:8px 16px; */ font-size:16px; /* color:white; */ text-decoration:none; cursor:pointer; overflow:hidden; width: 300px; } .row1 dl{ display: flex; border: 1px solid #ccc; line-height: 30px; border-radius: 2px; align-items: center; font-size: 14px; padding: 0 4px; justify-content: space

javascript 基础知识汇总

阅读更多关于 javascript 基础知识汇总

1、在ES5中，变量声明有两种方式，分别是var和function， var用于声明普通的变量，接收任意类型，function用于声明函数。另外ES6新增了let、const、import和class等声明方式，let用于声明普通变量（与var的区别在于拥有块级作用域，在作用域内不能重复声明），const用于声明静态变量，import用于声明模块，class用于声明类。 2、JS数据类型共有7种，分别是（1）数值Number、（2）字符串String、（3）布尔Boolean、（4）符号Symbol、（5）Null、（6）Undefined、（7）对象Object。其中Object是引用类型，其他都是原始类型，原始类型也成为基本类型或者是简单类型，因为其占用空间固定，是最简单的数据段，为了便于提升变量查询速度，将其存储在栈中（按值访问）。引用类型由于其值的大小会改变，所以不能将其存放在栈中，否则会降低变量的查询速度，因此其存储在堆中，存储在变量处的值是一个指针，指向存储对象的内存处（按址访问），对于引用类型的值，可以为其添加属性和方法，也可以改变和删除其属性和方法，但基本类型不可以添加属性和方法 3、javasrcipt可以通过typeof来判断原始数据类型，但不能判断引用类型，要知道引用类型的具体类型，可以通过Object原型上的toString来判断。 4

js高级编号笔记[新]－事件

阅读更多关于 js高级编号笔记[新]－事件

1.Event 对象对该文档而言是透明的，可将其看成是全局变量使用 2.事件上溯（Bubble，也称冒泡），IE和非IE事件传播方向也不一样,IE多数事件是由它们发生的地方开始向上回溯继承关系, 非IE：事件可能从顶端对象开始至末端对象结束 3.任何事件发生后生成的Event 对象对该文档而言是透明的，可将其看成是全局变量使用 4.IE阻止事件上溯设置Event 对象的cancleBubble 属性为true 5.事件改向： object.fireEvent(arg1,arg2); 该方法需要给定两个参数arg1 和arg2，其中参数arg1 表示目标对象的事件处理器，参数arg2 表示当前事件如： function ChangeDir() { msg+="-->事件定位于Td,准备事件转向\n\n"; event.cancelBubble=true; document.body.fireEvent("onclick",event); } 6.事件捕获 document.captureEvents(Event.MOUSEDOWN); document.onmousedown=MyHandler; 如果需要捕捉多个事件，各事件之间要用管道符“|”隔开。如捕获文档中所有的Click 和DbClick 事件可使用如下语句： document.captureEvents(Event

JS中对URL进行转码与解码

阅读更多关于 JS中对URL进行转码与解码

1. escape 和 unescape escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。 escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z。 escape()函数用于js对字符串进行编码，不常用。　　var url = "http://localhost:8080/pro?a=1&b=张三&c=aaa";　　escape(url) --> http%3A//localhost%3A8080/pro%3Fa%3D1%26b%3D%u5F20%u4E09%26c%3Daaa 2. encodeURI 和 decodeURI 把URI字符串采用UTF-8编码格式转化成escape各式的字符串。 encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z encodeURI()用于整个url编码　　var url = "http://localhost:8080/pro?a=1&b

JS中对URL进行转码与解码

阅读更多关于 JS中对URL进行转码与解码

1. escape 和 unescape escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。 escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z。 escape()函数用于js对字符串进行编码，不常用。　　var url = "http://localhost:8080/pro?a=1&b=张三&c=aaa";　　escape(url) --> "http%3A//localhost%3A8080/pro%3Fa%3D1%26b%3D%u5F20%u4E09%26c%3Daaa" 2. encodeURI 和 decodeURI 把URI字符串采用UTF-8编码格式转化成escape各式的字符串。 encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z encodeURI()用于整个url转码，而decodeURI()用于整个url解码　　var url1 = "http:/

js 标准二维数组变一维数组的方法

阅读更多关于 js 标准二维数组变一维数组的方法

问题：[[0, 1], [2, 3], [4, 5]] -> [0, 1, 2, 3, 4, 5]？方法一利用 es5 的 arr.reduce(callback[, initialValue]) 实现 var arr1 = [[0, 1], [2, 3], [4, 5]]; var arr2 = arr1.reduce(function (a, b) { return a.concat(b)} ); // arr2 [0, 1, 2, 3, 4, 5] 方法二利用 es6 var arr1 = [[0, 1], [2, 3], [4, 5]]; function flatten(arr) { return [].concat( ...arr.map(x => Array.isArray(x) ? flatten(x) : x) ) } var arr2 = flatten(arr1); // arr2 [0, 1, 2, 3, 4, 5] 优点: 多维数组也可以比如：var arr = [[1,2],3,[[[4], 5]]] 方法三利用 apply 实现 var arr1 = [[0, 1], [2, 3], [4, 5]]; var arr2 = [].concat.apply([], arr1); // arr2 [0, 1, 2, 3, 4, 5] 方法四

订阅 js