js | 易学教程

回车提交【js读书笔记】

阅读更多关于回车提交【js读书笔记】

　　填写完表单数据后，很多用户喜欢直接按回车键提交，省去鼠标找“提交”按钮再单击的时间 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>回车提交</title> 6 </head> 7 <body> 8 <h2>回车提交</h2> 9 <input type="text" id="enterSubmit" value="回车提交" /> 10 11 <script type="text/javascript"> 12 window.onload=function(){ 13 document.getElementById("enterSubmit").onkeyup=function(e){ 14 e=e||window.event;//获取事件对象 15 var keycode=e.keyCode||e.which||e.charCode;//获取键码 16 if(keycode===13){ 17 alert("回车提交成功"); 18 } 19 } 20 } 21 </script> 22 </body> 23 </html> e.keyCode||e.which||e.charCode，当响应的键码为13时就是表示按下了回车键来源： https://www.cnblogs

原生js封装ajax：传json，str，excel文件上传表单提交

阅读更多关于原生js封装ajax：传json，str，excel文件上传表单提交

由于项目中需要在提交ajax前设置header信息，jquery的ajax实现不了，我们自己封装几个常用的ajax方法。 jQuery的ajax普通封装 var ajaxFn = function(uri, data, cb) { $.ajax({ url: uri, type: 'POST', dataType: 'json', data: data, }) .done(cb) .fail(function() { console.log("error"); }) .always(function() { console.log("complete"); }); } 原生ajax封装，设置header，传json 1 var ajaxHdFn = function(uri, data, cb) { 2 var getXmlHttpRequest = function() { 3 if (window.XMLHttpRequest) { 4 //主流浏览器提供了XMLHttpRequest对象 5 return new XMLHttpRequest(); 6 } else if (window.ActiveXObject) { 7 //低版本的IE浏览器没有提供XMLHttpRequest对象 8 //所以必须使用IE浏览器的特定实现ActiveXObject 9 return

浏览器从接收到一个url，到最后的页面展示，经历的过程：

阅读更多关于浏览器从接收到一个url，到最后的页面展示，经历的过程：

浏览器从接收到一个url，到最后的页面展示，其中经历了哪些过程？又会用到哪些协议呢？原文连接： https://blog.csdn.net/ZHLittleRed/article/details/82947330#1_DNS_3 1、在浏览器地址栏中输入URL 2、DNS域名解析，获得域名相对应的IP地址。具体什么是DNS？ DNS( Domain Name System)是“域名系统”的英文缩写，是一种组织成域层次结构的计算机和网络服务命名系统，它用于TCP/IP网络，它所提供的服务是用来将主机名和域名转换为IP地址的工作。DNS就是这样的一位“翻译官”，它的基本工作原理可用下图来表示当我们在浏览器输入如同www.baidu.com的时候，其实这些网站的名字都是微克简化人们的记忆来命名的，计算机其实并不认识这个东西。浏览器只认识IP地址，所以当输入域名地址的时候，浏览器首先会从浏览器缓存中是否存在相应的域名、IP对应关系，如果有则向这个IP地址发送请求，如果没有则向系统缓存--路由缓存中查找，如果都没有，再去DNS服务器中找IP。 3、浏览器向服务器发起TCP连接，与浏览器建立TCP三次握手 4、浏览器向服务器发送HTTP请求，请求数据包与服务器建立了连接后，就可以向服务器发起请求了。发送HTTP请求的过程就是构建HTTP请求报文，并通过TCP协议发送到服务器指定端口

js判断数组是否包含某个元素

阅读更多关于 js判断数组是否包含某个元素

dealArray(arr, obj) { Array.prototype.S = String.fromCharCode(2); Array.prototype.in_array = function(e) { var r = new RegExp(this.S + e + this.S); return r.test(this.S + this.join(this.S) + this.S); }; return arr.in_array(obj); }, console.log(this.dealArray([1,1,12,34,3],34));//输出结果：true console.log(this.dealArray([1,1,12,34,3],4));//输出结果：false 来源： https://www.cnblogs.com/wwj007/p/12598685.html

JS脚本及应用实例

阅读更多关于 JS脚本及应用实例

JS定义什么是JS脚本？ JS全称为javascript,是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言遗留的速度问题。 JS的发展 JS即javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，脚本语言。当时服务端需要对数据，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了。 JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言，从 1996 年开始，已经出现在所有的 Netscape 和 Microsoft 浏览器中。ECMA-262 的开发始于 1996 年，在 1997 年 7 月，ECMA 会员大会采纳了它的首个版本。在 1998 年，该标准成为了国际 ISO 标准 (ISO/IEC 16262)。这个标准仍然处于发展之中。

前端干货之JS最佳实践

阅读更多关于前端干货之JS最佳实践

持续更新地址 https://wdd.js.org/js-best-pr... 1. 风格一千个读者有一千个哈姆雷特，每个人都有自己的code style。我也曾为了要不要加分号给同事闹个脸红脖子粗，实际上有必要吗？其实JavaScript已经有了比较流行的几个风格 JavaScript Standard Style Google JavaScript Style Guide Airbnb JavaScript Style Guide 我自己使用的是 JavaScript Standard Style , 我之所以使用这个，是因为它有一些工具。可以让你写完代码后，一旦保存，就自动帮你把你的风格的代码修正成标准分割，而不是死记硬背应该怎么写。看完这个页面，你就应该立马爱上 JavaScript Standard Style , 如果你用vscode, 恰好你有写vue, 你想在.vue文件中使用standard风格，那么你需要看看这篇文章 2. 可维护性很多时候，我们不是从零开始，开发新代码。而是去维护别人的代码，以他人的工作成果为基础。确保自己的代码可维护，是赠人玫瑰，手留余香的好事。一方面让别人看的舒服，另一方面也防止自己长时间没看过自己的代码，自己都难以理解。 2.1. 什么是可维护代码可维护的代码的一些特征可理解易于理解代码的用途可适应数据的变化

JS创建函数的方法

阅读更多关于 JS创建函数的方法

JS创建函数的方法 JavaScript是通过关键字 function 来声明一个函数一、命名函数 1.创建方法　　function 函数名(参数1,参数2,参数3.......){ } 2.示例 function fn1(){ console.log("命名函数"); } 二、匿名函数变量匿名函数 1.定义方法 var 变量名=function(参数1,参数2,........){ } 2.注意事项: 　　1.变量匿名函数可以设置给一个变量,也可以设置给对象的属性 *****2.只能在函数声明之后才能调用(当代码运行到变量匿名函数所在行时,才会将这个匿名函数赋值给变量) 　　否则会报错 : Uncaught TypeError: fn2 is not a function 3.示例 var fn2=function(){ console.log("变量型匿名函数"); } 　　　　fn2(); 自执行匿名函数 1.定义方法 (function(形参1,形参2,........){ })( 实参1,实参2.......); 2.缺点自执行匿名函数只能执行一次,无法再次使用 3.示例 (function(){ console.log("自执行匿名函数"); })(); 三、function构造函数 1.示例 var fn3=new Function("num1",

js json转换

阅读更多关于 js json转换

第一种方式：使用js函数eval(); testJson=eval(testJson);是错误的转换方式。正确的转换方式需要加(): testJson = eval("(" + testJson + ")"); eval()的速度非常快，但是他可以编译以及执行任何javaScript程序，所以会存在安全问题。在使用eval()。来源必须是值得信赖的。需要使用更安全的json解析器。在服务器不严格的编码在json或者如果不严格验证的输入，就有可能提供无效的json或者载有危险的脚本，在eval()中执行脚本，释放恶意代码。 js代码： function ConvertToJsonForJs() { //var testJson = "{ name: '小强', age: 16 }";(支持) //var testJson = "{ 'name': '小强', 'age': 16 }";（支持） var testJson = '{ "name": "小强", "age": 16 }'; //testJson=eval(testJson);//错误的转换方式 testJson = eval("(" + testJson + ")"); alert(testJson.name); } 第二种方式使用jquery.parseJSON()方法对json的格式要求比较高，必须符合json格式

jS放大镜效果

阅读更多关于 jS放大镜效果

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="demo4.aspx.cs" Inherits="test.demo4" %> <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>放大镜</title> <meta name="keywords" content="" /> <meta name="Description" content="" /> <style type="text/css"> body,div,img {padding:0;margin:0;} .con {width:256px;height:192px;float:left;} .con img {width:256px;height:192px;position:absolute;border:1px

js事件处理

阅读更多关于 js事件处理

1.js中常用的事件处理程序（event Handler） onabort　　　　用户终止了页面的加载 onblur 　　用户离开了对象 onchange 　　用户修改了对象 onclick 　　用户点击了对象 onerror 　　脚本遇到了一个错误 onfocus 　　用户激活了对象 onload 　　对象完成了加载 onmouseover 　　鼠标指针移到到对象上 onmouseout 　　鼠标指针离开了对象 onselect 　　用户选择了对象的内容 onsubmit 　　用户提交了表单 onunload 　　用户离开了页面来源： https://www.cnblogs.com/haoyijing/p/5743739.html

订阅 js