【JavaScript】教程文章相关的互联网学习教程文章

JavaScript--3种函数调用的方法【代码】

1、函数的简单调用:<script > function fn(p){alert(p); } </script><body><script>fn("简单调用JavaScript函数");</script></body>2、事件响应中调用函数<script > function fn(){alert("success"); } </script><body> <form action="method" type="post"> <input type="button" value="提交" onclick="fn()"> </form></body>3、通过链接调用函数<script >  function fn(){alert("success");}</script> <body>   <a href="ja...

JavaScript数据结构——链表的实现【代码】【图】

前面楼主分别讨论了数据结构栈与队列的实现,当时所用的数据结构都是用的数组来进行实现,但是数组有的时候并不是最佳的数据结构,比如在数组中新增删除元素的时候需要将其他元素进行移动,而在javascript中使用spit()方法不需要访问其他元素。如果你在使用数组的时候发现很慢,就可以考虑使用链表。   链表的概念  链表是一种常见的数据结构。它是动态地进行存储分配的一种结构。链表有一个“头指针”变量,以head表示,它存放...

Ajax--JavaScript实现【代码】

Ajax:一种不用刷新整个页面便可与服务器通讯的办法  Ajax实现的步骤:    1、创建XMLHttpRequest对象    2、服务器向浏览器响应请求(注册监听)    3、浏览器与服务器建立连接    4、浏览器向服务器发送请求     readyState 属性表示Ajax请求的当前状态。它的值用数字代表。 0 代表未初始化。 还没有调用 open 方法 1 代表正在加载。 open 方法已被调用,但 send 方法还没有被...

javascript面向对象和原型【代码】

/* //工厂模式 function createObject(name,age){var obj = new Object();//新建一个对象obj.name=name;//新建对象的属性obj.age=age;obj.run=function(){//新建对象的方法return this.name+","+this.age+"...running.";}return obj;//返回新建的对象引用 }var box1 = createObject("Carl",20); var box2 = createObject("Zhang",25); alert(box1.run()); alert(box2.run());//构造函数 function Box(name,age){this.name=name;//新...

JavaScript中的this

今天深刻学习了JavaScript中的This使用,总结一下。1.this凡是出现在方法中永远都是指向window对象.有以下情况 function a(){ alert(this) ;// 指向window对象 } var b={ x:10, y:20, z:function(){ alert(this);//指向对象b function XX(){ alert(this);//指向window对象 } } }2.凡是定义在对象中的this指向对象本身. var test={ x:2...

JavaScript 优雅简单的拼接字符串【代码】

前言最近维护一个老系统,里面有大量js拼接字符串的代码,这里总计一下js拼接字符串JS 原生字符串拼接JavaScript里面的字符串可以直接用 + 来拼接return "<a style=‘text-decoration:underline‘ onClick=‘" + valsAr[1] + " return false;" + "‘ data-rowId=‘" + row_id + "‘ href=‘javascript:;‘ title=‘" + valsAr[0] + "‘>" + valsAr[0] + "</a> "; 以上就是拼接一个带js事件的a标签,可以看出来里面混合了单引号和双...

JQuery和javascript优秀插件收集

JQuery插件库: http://plugins.jquery.com/有趣的时钟: http://ynif.v099.10000net.cn/demo/shijian/3/shijian/index.html别人收集信息8个实用的页面布局和用户界面jQuery插件http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html15款最好的 jQuery 网格布局插件(Grid Plugins) http://www.cnblogs.com/lhb25/p/15-jquery-grid-plugins.html2013年优秀jQuery插件 http://www.cnblogs.com/fe...

Javascript遍历页面控件

function validate(){ //var Elements = document.all; var Elements = document.getElementsByTagName("*"); var msgs; var i; for ( i in Elements ) { if ( Elements[i].type == "text" ) { alert(Elements[i].value); } }这段代码可以遍历页面全部的HTML控件,包括了HTML、HEAD、TITLE、BODY、Input、Img、Select等标记。原文:http://www.cnblogs.com/svennee/p/4073094.html

深入理解JavaScript闭包(closure)【代码】

最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业。对于初学者来说别说理解闭包了,就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。一、什么是闭包?“官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话,因为他描述的太学术。其实这句话通...

JavaScript数组的常用方法【代码】

// sort() 数组排序 [3, 6, 2, 4, 1, 5] ==》 [6,5,4,3,2,1] //a-b是升序 b-a是降序 numberArray.sort(function(a,b){return b-a; })//reverse() 颠倒数组的顺序//push() pop() unshift() shift() 后面增加数组 后面删除数组 前面增加数组 前面删除数组//join() toString() 数组转化为字符串//splice() 会对数组进行增加和修改 splice(2,1,"abc") 把索引值为2的值换成abc splice(2,0,"abc") 在所有值为2的增加abc splice(2,2,"abc...

JavaScript正则表达式【代码】【图】

之前好一段时间,自己很抵触“正则表达式”。一是,对其了解甚浅,不能很完整的掌握;再者,觉得好多需要正则的,要不网上可以找到,要不可以使用其他方式去实现。总之,对于正则毫无心得。最近,看完了《JavaScript忍者秘籍》这本书,对正则有了全新的认识,自己也尝试了总结了一些,在开发中,让好多事情变得事半功倍。正则表达式是一个拆分字符串并查询相关信息的过程。 正则表达式通常被称为一个模式(pattern),是一个用简单...

前端开发 - JavaScript【代码】

本节内容一、如何编写二、变量三、数据类型四、其他五、语句与异常六、函数 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码,浏览器可以解释并做出相应的处理。 一、如何编写 1、JavaScript代码存在形式<!-- 方式一 --> <script type"text/javascript" src="JS文件"></script><!-- 方式二 --> <script type"text/javascript">Js代码内容 </script2、JavaScri...

JavaScript高级程序设计7.pdf

function类型每个函数都是function类型的实例,函数是对象,函数名是指向对象的指针function sum(num1,num2)  {  return num1+num2;  }//等价于var sum=function (num1,num2)  {  return num1+num2;  };//function构造函数,解析两次第一次是常规的ECMAScript代码,第二次解析传入的字符串,影响性能故不推荐var sum=new Function("num1","num2","return num1+num2");函数名只是指针,类似变量,一个函数可以有多个名字...

javascript进阶——测试和打包分发

建立一个面向对象的好的代码基础后,为了达到代码重用的目的,通过调试使用适当的测试用例进行测试尤为必要,之后就是打包分发的主题。一、调试与测试1、调试 Firebug:包含了错误控制台、调试器、DOM查看器。可以很好的定位DOM结构。Chrome:拥有控制台、DOM查看器等于Firebug几乎类似功能。IE浏览器:错误控制台显示错误,F12打开开发者工具,提供了javascript调试工具。Venkman:Mozilla发起的javascript调试器项目,它与javasc...

HTML 学习笔记 JavaScript (prototype)【代码】【图】

原博地址:http://www.cnblogs.com/dolphinX/p/3286177.html原博客的作者是一个非常牛逼的前端大神,我作为一个初学者,在此借助大神的博客进行自己的学习。在这里感谢原作者无私的分享。也强烈建议大家到原作者的博客下学习。好了,现在让我们跟着大神的脚步前进吧。用过JavaScript的人肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都有一个prototype属性,可以为其添加函数供实例访问,其他的...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部