js代码 | 易学教程

原生JS实现ajax 发送post请求

阅读更多关于原生JS实现ajax 发送post请求

1. [代码]原生JS实现ajax 发送post请求 <script> var oStr = ''; var postData = {}; var oAjax = null; //post提交的数据 postData = {"name1":"value1","name2":"value2"}; //这里需要将json数据转成post能够进行提交的字符串 name1=value1&name2=value2格式 postData = (function(value){ 　　for(var key in value){ 　　　　oStr += key+"="+value[key]+"&"; 　　}; 　　return oStr; }(postData)); //这里进行HTTP请求 try{ 　　oAjax = new XMLHttpRequest(); }catch(e){ 　　oAjax = new ActiveXObject("Microsoft.XMLHTTP"); }; //post方式打开文件 oAjax.open('post','1.php?='+Math.random(),true); //post相比get方式提交多了个这个 oAjax.setRequestHeader("Content-type","application/x-www-form-urlencoded"

[代码]JS原生Ajax,GET和POST

阅读更多关于 [代码]JS原生Ajax,GET和POST

javascript/js的ajax的GET请求： <script type="text/javascript"> /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){ 　　if (window.XMLHttpRequest){ 　　　　// code for IE7+, Firefox, Chrome, Opera, Safari 　　　　xmlhttp=new XMLHttpRequest(); 　　}else{// code for IE6, IE5 　　　　xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 　　} 　　return xmlhttp; } // -----------ajax方法-----------// function getLabelsGet(){ 　　xmlHttp=GetXmlHttpObject(); 　　if (xmlHttp==null){ 　　　　alert('您的浏览器不支持AJAX！'); 　　　　return; 　　} 　　var id = document.getElementById('id').value; 　　var url="http://www.Leefrom.com?id="+id+"&t/"

浏览器部分探索

阅读更多关于浏览器部分探索

1. 浏览器现在的普及情况使用上选择最多的是chrome浏览器，第二是safari以及Firfox。谷歌浏览器超过了六成。下边的这个图是来自 https://gs.statcounter.com/ 的统计。浏览器内核上边说到的三种使用最多的浏览器中，chrome之前使用的是webkit，后来更换为了Blink。safari使用的是webkit(自家的)，firfox使用的是Gecko，是Mozilla自己开发的内核。IE使用的是Trident内核(微软的). 2. 浏览器的结构用户界面: 使用浏览器的时候在页面中呈现出来的东西浏览器引擎：工具人，用来将用户和浏览器的呈现引擎进行关联的部分呈现引擎：最主要干活儿的，用来解析HTML以及CSS 网络: 工具人，用来和服务端进行交互的部分用户界面后端: 绘制基本的窗口小部件，比如组合框和窗口。 JavaScript 解释器 : 解析和执行 JavaScript 代码。数据存储: 浏览器需要在硬盘上保存各种数据 3. 浏览器包含的进程浏览器是多进程的，浏览器的渲染进程是多线程的； 1> browser进程（一个进程）：浏览器的主进程，主要是用来控制界面展示，页面的管理、渲染进程中的内容绘制到用户界面上。 2>浏览器渲染进程（浏览器内核）（Render进程，内部是多线程的）：默认每个Tab页面一个进程，互不影响。主要作用为

完成登录与注册界面的前端

阅读更多关于完成登录与注册界面的前端

完成登录与注册页面的HTML+CSS+JS，其中的输入项检查包括：用户名6-12位首字母不能是数字只能包含字母和数字密码6-12位注册页两次密码是否一致 html代码： <!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>登陆界面</title> <link rel="stylesheet" type="text/css" href="../static/css/normalize.css"/> <link rel="stylesheet" type="text/css" href="../static/css/demo.css"/>  <link rel="stylesheet" type="text/css" href="../static/css/component.css"/> <!--[if IE]> <script src="js/html5.js"></script> <!

如何动态加载js？

阅读更多关于如何动态加载js？

第三方的js文件，自己写的js文件，js越来越多了怎么办？提出问题： 1、js文件太多了，每个页面都写<script src="...">太麻烦。 2、如果路径变化了，或者js名称变化了怎么办？每个页面都改一遍吗？ 3、如何约束js文件的加载顺序？a.js定义了一个函数，b.js要调用，但是b.js先加载了，a.js还没加载完成，造成函数未定义，无法调用。 4、js文件的合并。开发阶段，js会分成多个文件，这样便于开发。但是成熟了之后会合并成一个文件。这样引用方式就会变化，原先引用一堆js，现在只需要引用一个js。同样不能每个页面都改一遍。 5、加载js完毕之后，要可以执行回调函数。解决问题：如何解决这些问题呢？我想到的办法是——动态加载js。就是通过js代码的方式来加载。在网上找了一些资料，最后确定借鉴张经纬的代码 http://www.zhangjingwei.com/archives/asynchronous-loading-js/ 其中这段代码挺符合我的需求。 var loadscript = { $$:function(id){return document.getElementById(id)}, tag:function(element){return document.getElementsByTagName(element)}, ce:function

JS函数作用域及作用域链理解

阅读更多关于 JS函数作用域及作用域链理解

JS函数作用域及作用域链理解从事web开发工作，难免会对客户端语言JavaScript一些概念有些似懂非懂的，甚至仅停留在实现功能的层面上，接下来的文章，是记录我对JavaScript的一些概念的理解。变量作用域在JavaScript中全局变量的作用域比较简单，它的作用域是全局的，在代码的任何地方都是有定义的。然而函数的参数和局部变量只在函数体内有定义。另外局部变量的优先级要高于同名的全局变量,也就是说当局部变量与全局变量重名时，局部变量会覆盖全局变量（如下面例子）。 var num = 1 ; //声明一个全局变量 function func ( ) { 　 var num = 2 ; //声明一个局部变量 return num ; } console . log ( func ( ) ) ; //输出：2 注：声明局部变量时一定要使用var,否则，解释器会将该变量当做全局对象window的属性。函数作用域在JavaScript中使用的是函数作用域（变量在声明它们的函数体以及这个函数体嵌套的任意函数体都是有定义的）。（如下面的例子） function func ( ) { console . log ( num ) ; //输出：undefined，而非报错，因为变量num在整个函数体内都是有定义的 var num = 1 ; //声明num

js获取上传文件的绝对路径

阅读更多关于 js获取上传文件的绝对路径

在html中 <input type="file" id="importFile" /> <input type="button" onclick="upload()"/> <script> function upload() { var filename = document.getElementById("importFile").value; // 这时的filename不是 importFile 框中的值 alert(filename); } </script> 如上面的代码，用文件上传对话框选择文件后，如果选择"D:\\temp\file\test.txt"文件，alert(filename)却是"C:\\fakepath\test.txt"这是为什么？我想要取得原本的文件路径及文件名，应该怎么办？先谢谢各位了。 <input type="file" name="blogrollimage" onchange="setBlogrollImageName(this)" txlFillIn="isNotNull" title="链接图片"> <script type="text/javascript"> function setBlogrollImageName(basicfile){ document.getElementById("blogrollimagename")

{JS}JavaScript使用正则表达式

阅读更多关于 {JS}JavaScript使用正则表达式

{JS}JavaScript使用正则表达式 {JS}JavaScript使用正则表达式正则表达式概述在前面已经涉及了一些正则表达式的用法，现在将系统地学习正则表达式的语法和用途。正则表达式主要用于进行字符串的模式匹配，例如判断一个字符串是否符合指定格式等。例如在windows下搜索文件，可以用“*”或者“?”这样的通配符。在正则表达式的语法中，有更多这样的符号用于表示一个字符串的模式，表 7.1列出了所有的特殊符号，它们也被称为元字符。表7.1 正则表达式中的元字符字符说明 \ 将下一字符标记为特殊字符、文本、反向引用或八进制转义符。例如，“n”匹配字符“n”。“\n”匹配换行符。序列“\\”匹配“\”，“\(”匹配“(” ^ 匹配输入字符串开始的位置。如果设置了 RegExp 对象的 Multiline 属性，^ 还会与“\n”或“\r”之后的位置匹配 $ 匹配输入字符串结尾的位置。如果设置了 RegExp 对象的 Multiline 属性，$还会与“\n”或“\r”之前的位置匹配 * 零次或多次匹配前面的字符或子表达式。例如，zo* 匹配“z”和“zoo”。* 等效于{0,} + 一次或多次匹配前面的字符或子表达式。例如，“zo+”与“zo”和“zoo”匹配，但与“z”不匹配。+ 等效于 {1,} ? 零次或一次匹配前面的字符或子表达式。例如，“do(es)?

Js整理备忘（00）—— 基础

阅读更多关于 Js整理备忘（00）—— 基础

1、字符集 Unicode字符，Javascript（以下均简称Js）程序中每个字符都是两个字节表示的，16位的Unicode编码可以表示地球上通用的每一种书面语言。 2、数据类型数字（number）所有数字都由浮点型表示，采用IEEE 754标准定义的64位浮点格式。注意，某些整数运算（如位运算）是对32位整数执行的。一些特殊数值常量： NaN（Number.NaN），特殊非数字值； Infinity（Number.POSITIVE_INFINITY），正无穷大； -Infinity（Number.NEGATIVE_INFINITY），负无穷大； Number.MAX_VALUE，可表示的最大数字； Number.MIN_VALUE，可表示的最小数字（最接近零）。 ——函数 isFinite(n) 检测一个数字是否是NaN、正无穷大或负无穷大。字符串（string）没有char这样的类型，表示单个字符，必须使用长度为1的字符串。布尔值（boolean）有时候可以把两个可能的布尔值看作on（true）和off（false），或者yes和no 函数（function）是“具有可执行代码的对象” 对象（object）表示“已命名的数据的无序集合” 这些已命名的数据通常被作为对象的属性来引用（有时，它们被称为域），属性可以是任何类型的数据（数组、函数、对象…）。

梳理一下JS的基本语法

阅读更多关于梳理一下JS的基本语法

web三层结构来说结构层：HTML 从语义角度，描述页面结构样式层：CSS 从审美的角度，美化页面行为层：JavaScript 从交互的角度，提升用户体验 js:用来制作web页面的交互效果，提升用户体验语法概述一、JS引入3种的方式： 1.内嵌引入，但不建议 2.通过`<script async='async'>`标签引入，可放在head里面，为减少加载时间，一般放在body最后 3.建议通过link引入 <script>标记的属性： type="text/JavaScript"可以省略 Sync:同步，一个人有序的做多件事 Async:异步，多个人有序的做多件事情 async='async'和defer='defer'都是异步下载，区别在： async='async'是立即异步下载外部JS，不影响页面其它的操作，js下载完毕立即执行； defer='defer'是在js，css整个文档都下载完后再执行，只有外部脚本可以使用二、五种数据类型： 1.字符串类型string（""）注意：引号既可以用单引号，也可双引号 --建议单引号 a,如果字符串中有单引号，就用可引号 b,如果字符串内容中单双引号都有，就用转译符,在引号前用。常用的转译符有：\"、换行\n、缩进\t 2.数值类型number：没有被引号引起来的数字：整数、负数、小数...(123),表示一种数据的量

订阅 js代码