JavaScript基础
江湖hi客
明天的你会感谢今天努力付出的自己!
展开
-
JavaScript基础:JavaScript简介
JavaScript 诞生于 1995 年。它当时的目的是为了验证表单输入的验证 。因为在 JavaScript问世之前,表单的验证都是通过服务器端验证的 。而当时都是电话拨号上网的年代 ,服务器验证数据是一件非常痛苦的事情。经过许多年的发展,JavaScript 从一个简单的输入验证成为一门强大的编程语言 。所以,学会使用它是非常简单的 ,而真正掌握它则需要很漫长的时间 。JavaScr原创 2016-06-23 22:29:20 · 452 阅读 · 0 评论 -
javaScript基础:包装类型
一、包装类型简介Boolean、Number和String是三个基本类型,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象 ,从而能够调用一些方法来操作这些数据。 可以调用内置方法var box = 'Mr. Lee';//定义一个字符串var box2 = box.substring(原创 2016-06-25 12:14:02 · 353 阅读 · 0 评论 -
javaScript基础:继承
一、简介继承是面向对象中一个比较核心的概念。其他正统面向对象语言都会用两种方式实现继承:一个是接口实现,一个是继承。而ECMAScript只支持继承,不支持接口实现。二、实现继承-原型链1、代码//定义一个父类function Father (money){ this.money = money;}//定义一个子类func原创 2016-06-26 11:02:31 · 261 阅读 · 0 评论 -
javascript基础:DOM5元素尺寸和位置
一、获取元素尺寸1、clientWidth和clientHeightvar box = document.getElementById('box'); var width = box.clientWidth;//显示的宽度 var height = box.clientHeight;//显示的高度对于元素的实际大小, clientWidth 和 clie原创 2016-07-06 23:01:44 · 419 阅读 · 0 评论 -
javascript基础:动态加载脚本和样式
一、动态加载js代码或脚本当网站需求变大,脚本的需求也逐步变大。我们就不得不引入太多的JS脚本而降低了整站的性能,所以就出现了动态脚本的概念,在适时的时候加载相应的脚本。比如:我们想在需要检测浏览器的时候,再引入检测文件。方法一:通过内联的方式动态加载js代码var flag = true;//设置一个是否加载js脚本的标记,当需要加载的时候设置原创 2016-07-07 10:37:03 · 439 阅读 · 0 评论 -
javascript基础:事件1
一、事件简介事件一般是用于浏览器和用户操作进行交互。JavaScript有三种事件模型:内联模型、脚本模型和DOM2模型。 二、事件模型1、内联模型这种模型是最传统接单的一种处理事件的方法。在内联模型中,事件处理函数是HTML标签的一个属性,用于处理指定事件。虽然内联在早期使用较多,但它是和HTML混写的,并没有与HT原创 2016-07-07 11:15:55 · 287 阅读 · 0 评论 -
javascript基础:事件2事件处理函数
一、事件处理函数简介JavaScript可以处理的事件类型为:鼠标事件、键盘事件、HTML事件。 所有的事件处理函数都会都有两个部分组成,on + 事件名称,例如click事件的事件处理函数就是:onclick。在这里,我们主要谈论脚本模型的方式来构建事件,违反分离原则的内联模式,我们忽略掉。对于每一个原创 2016-07-07 11:34:21 · 631 阅读 · 0 评论 -
javascript基础:事件3事件对象
一、事件对象简介事件处理三部分组成:对象.事件处理函数=函数。例如:单击文档任意处。document.onclick = function () { alert('Lee');}; click表示一个事件类型,单击。onclick表示一个事件处理函数或绑定对象的属性(或者叫事件监听器、侦听器)。document表示一原创 2016-07-07 16:15:54 · 291 阅读 · 0 评论 -
javascript基础:Ajax
一、Ajax介绍Ajax,是AsynchronousJavaScript + XML的简写。这种技术能够让服务器请求额外的数据而无须卸载页面(即刷新),会带来更好的用户体验。 Ajax技术核心是XMLHttpRequest对象(简称XHR)。这是由微软首先引入的一个特性 ,其他浏览器提供商后来都提供了相同的实现 。在原创 2016-07-19 22:19:06 · 695 阅读 · 0 评论 -
javascript基础:事件4事件绑定及深入
一、一个事件处理函数被多次赋值会被覆盖//第一个js文件中的window.onloadwindow.onload = function(){ alert('lee');};//第二个js文件中的window.onload 会覆盖掉第一个window.onload = function(){ alert('wang');};当两组程序或两个JS原创 2016-07-08 17:28:56 · 1081 阅读 · 0 评论 -
javascript基础: JavaScript 库
一、 JavaScript 库 JavaScript库,就是把各种常用的代码片段 ,组织起来放在一个js文件里,组成一个包,这个包就是JavaScript库。 目的是为了方便以后使用,而不用重复书写相同功能的代码。二、实现思路base.js(基础库文件)//这是一个基础库,我们准备在里面编写最常用的代码,然后不断的扩展封装。//整个库可以是一个对象,这个对象就原创 2016-07-20 22:16:16 · 485 阅读 · 0 评论 -
javaScript基础:数据类型转换
一、隐式转换1.向Number类型的隐式转换凡是有Number类型参与的减法、乘法、除法运算中,其他类型比如String类型、Boolean类型都会自动转为Number类型。不能转成对应数字的就是NaN;加法运算中有字符串会比较特殊var box = 100 - '70'; //30,'70'转成了数值70var box = 100 - tr原创 2016-06-23 23:29:04 · 415 阅读 · 0 评论 -
javaScript基础:Object类型
一、简介什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起。它也常被称做为类,但ECMAScript中却没有这种东西。虽然ECMAScript是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基 结构。二、创建Object对象原创 2016-06-24 07:20:15 · 262 阅读 · 0 评论 -
javaScript基础:函数
一、函数简介函数是定义一次但却可以调用或执行任意多次的一段JS代码。函数有时会有参数,即函数被调用时指定了值的局部变量。函数常常使用这些参数来计算一个返回值,这个值也成为函数调用表达式的值。 二、函数的声明与调用function box() { //没有参数的函数 alert('只有函数被调用,我才会被之执行');} box原创 2016-06-24 07:03:45 · 422 阅读 · 0 评论 -
javaScript基础:Array类型
一、简介除了Object类型之外,Array类型是ECMAScript最常用的类型。而且ECMAScript中的Array类型和其他语言中的数组有着很大的区别。虽然数组都是有序排列,但ECMAScript中的数组每个元素可以保存任何类型。ECMAScript中数组的大小也是可以调整的。二、创建Array对象创建Arra原创 2016-06-24 08:01:38 · 365 阅读 · 0 评论 -
javascript基础:表单处理1
一、表单介绍为了分担服务器处理表单的压力, JavaScript 提供了一些解决方案,从而大大打破了处处依赖服务器的局面。在HTML中,表单是由元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement,因此它拥有HTML元素具有的默认属性,并且还独有自己的属原创 2016-07-10 11:01:18 · 434 阅读 · 0 评论 -
javaScript基础:作用域相关
一、JavaScript作用域执行环境是JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,就好比全局的window可以调用变量和属性一样。局部的环境也有一个类似window的变量对象,环境中定义的所有变量和函数都保存在这个对象中。原创 2016-06-29 20:48:32 · 237 阅读 · 0 评论 -
javascript基础:表单处理2
一、文本框脚本在HTML中,有两种方式来表现文本框:一种是单行文本框,一种是多行文本框。虽然在字面上有value值,而却没有,但都可以通过value获取他们的值。window.addEventListener('load',function(){ var fm = document.getElementById('myform');原创 2016-07-12 16:19:13 · 339 阅读 · 0 评论 -
javaScript基础:浏览器检测
一、为什么需要浏览器检测?不同的浏览器除了支持最常用的公共功能外,每个浏览器都具有自己独到的扩展 。由于浏览器之间的差异 ,,所以在开发阶段就需要判断浏览器是什么浏览器,根据不同的浏览器来做相应的开发,因此浏览器检测除了是一种补救措施,更是一种行之有效的开发策略。 二、navigator对象navigato原创 2016-07-02 15:02:25 · 459 阅读 · 0 评论 -
javascript基础:表单处理3
一、选择框脚本1、选择框脚本介绍选择框是通过和元素创建的,除了通用的一些属性和方法外, 北京 上海 广州 深圳 2、选择框脚本的获取及属性window.addEventListener('load',function(){ var fm = d原创 2016-07-13 23:50:20 · 381 阅读 · 0 评论 -
javascript基础:DOM2
一、呈现模式从IE6开始开始区分标准模式和混杂模式(怪异模式),主要是看文档的声明。有这个声明的为标准模式,没有这个声明的为混杂模式。IE为document对象添加了一个名为compatMode属性,这个属性可以识别IE浏览器的文档处于什么模式。如果是标准模式,则返回CSS1Compat,如果是混杂模式则返回BackCompa原创 2016-07-05 10:56:32 · 276 阅读 · 0 评论 -
javascript基础:DOM3操作表格和样式
一、dom操作表格//使用 DOM 来创建这个表格var table = document.createElement('table');table.border = 1;table.width = 300;var caption = document.createElement('caption');table.appendChild(caption);caption.appe原创 2016-07-05 21:42:09 · 515 阅读 · 0 评论 -
javascript基础:DOM1简介
一、DOM介绍DOM(Document Object Model)即文档对象模型 ,主要是用来操作整个网页页面上的文档的。DOM中的三个字母:D(文档)可以理解为整个Web加载的网页文档;O(对象)可以理解为类似window对象之类的东西,可以调用属性和方法,这里我们说的是document对象;M(模型)可以理解为原创 2016-07-02 17:46:54 · 1146 阅读 · 0 评论 -
javascript基础:DOM4操作表格和样式
我们使用style属性,仅仅只能获取和设置行内的样式,如果是通过内联或链接提供的样式规则就无可奈何了,通过 getComputedStyle和currentStyle,这只能获取却无法设置。 一、链接样式简介创建一个basic.css文件/*这是通过调换id来达到更换css样式的目的 不推荐这样做。*/#box{ color: red; back原创 2016-07-05 23:34:26 · 367 阅读 · 0 评论 -
javascript基础: 封装-Base库
base.js//为了避免在前台 new 一个对象,我们可以在库里面直接 new。var $ = function (){ //在前台直接调用$()方法即可返回一个base对象,利用这个base对象就可以调用Base库里封装的方法 //alert(); return new Base();};/***************************************原创 2016-07-20 23:32:27 · 846 阅读 · 0 评论