javascript-03】的更多相关文章

01. 变量声明提升 在预解析的时候,成员变量和函数,被提升到最高的位置,方便其他程序访问. 可以先使用后声明. 只提升变量名,不提升变量值 let const 声明的变量不具有变量声明提升. // 先使用 x = 5; // 变量 x 设置为 5 elem = document.getElementById("demo"); // 查找元素 elem.innerHTML = x; // 在元素中显示 x // 后声明 var x; // 声明 x // 先声明和初始化了x var x…
索引: let VS. var 定义函数的几种方式 more... 1.作者反复用的side effect side effect就是对世界造成的改变,例如说打印某些东西到屏幕,或者以某种方式改变机器的内部状态从而影响到后面的语句. 造成side effect的例子,例如下面的makeNoise 函数: const makeNoise = function() { console.log("Pling!"); }; makeNoise(); // → Pling! 没有造成side e…
时钟 : 所用到得图片  : 开启定时器 setInterval  间隔型 setTimeout  延时型 停止定时器 clearInterval clearTimeout 效果思路 获取系统时间 Date对象 getHours.getMinutes.getSeconds 显示系统时间 字符串连接 空位补零 设置图片路径 charAt方法 <body style="background:#000; color:#FFF; font-size:50px;"> <div…
1.1 知识点 函数:就是可以重复执行的代码块 2.  组成:参数,功能,返回值 为什么要用函数,因为一部分代码使用次数会很多,所以封装起来, 需要的时候调用 函数不调用,自己不会执行 同名函数会覆盖,后面的覆盖前面的 函数名等于整个函数,打印函数名,就等于打印整个函数的代码 7.  加载函数的时候只加载函数名,不加载函数体 参数相当于局部变量 两个平级的函数中变量不会相互影响 10.     预解析:函数在解释文档的时候会被整体提到文档的最前面,和加载不一样 第一种:解析的时候会被提前,可在任…
除了注意大小写,别的木啥了 Switch语句 Switch(变量){ case 1: 如果变量和1的值相同,执行该处代码 break; case 2: 如果变量和2的值相同,执行该处代码 break; case 3: 如果变量和3的值相同,执行该处代码 break; default: 如果变量和以上的值都不相同,执行该处代码 break; } switch后边的变量和case后边值的数据类型必须保持一致. Switch语句可以对变量进行集体判断: 自增自减 i++  ++i ◆在不参与运算的情况…
window对象 所有浏览器都支持 window 对象.概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可. Window 对象方法 alert() 显示带有一段消息和一个确认按钮的警告框. confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框. prompt() 显示可提示用户输入的对话框. open() 打开一个新的浏览器窗口或查找一个已命名的窗口. close() 关闭浏览器窗口. set…
以前用过一段时间的jquery感觉太方便,太强大了,各种动画效果,dom事件.创建节点.遍历.控件及UI库,应有尽有:开发文档也很多,网上讨论的问题更是甚多,种种迹象表明jquery是一个出色的javascript框架库,必须顶一个.但我已经多年不用jquery了,这个跟工作性质有关系. 作为开发的我们,不应该仅仅局限于使用某一个功能,应该更多的去搞懂它的实现原理及机制,才能谈设计.谈创新,以下就搜集整理了一些javascript事件机制相关的信息. 直接将JS代码写在HTML上 测试:cnbl…
//----------总结01.查找dom元素 document.getElementById();//通过id获取一个dom元素 document.getElementsByClassName();//通过class获取dom数组 document.getElementsByTagName();//通过标签名获取dom数组 //02.修改dom元素 dom.type = "text"//type属性 dom.innerHTML//双标签的文本值 这里注意innerText dom.…
本篇开始将回顾下Javascript的事件机制.同时会从一个最小的函数开始写到最后一个具有完整功能的,强大的事件模块.为叙述方便将响应函数/回调函数/事件Listener/事件handler都称为事件handler. 先看看页面中添加事件的几种方式: 直接将JS代码写在HTML上 测试:Nowamagic view source   print? 1 <div onclick="alert('欢迎访问Nowamagic.net');">Nowamagic</div&g…
原文地址:http://www.it165.net/pro/html/201210/3932.html 最近开始研究Web API,运气不错第一个测试项目就遇到问题@@-当新增Control时选择[API Controller woth read/write actions, using Entity Framework]然后使用Northwnd数据库,数据表选择Orders,Order_Details,Products. 前端javascript程序代码如下 01.@section scrip…
01 <script src="/js/jquery-1.4.1.js" type="text/javascript"></script> 02    <script type="text/javascript"> 03        var pageindex = 1; 04        var pagesize = 2; 05        $(function () { 06            pr…
jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数.原型如下: jQuery.getJSON( url, [data], [callback] )  跨域加载JSON数据. url:     发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获取服务器JSON数据.简单示例: 服务器脚本,返回JSON数据: view source   print?…
变量是指程序中一个已经命名的存储单元,它的主要作用就是为数据操作提供存放信息的容器.变量是相对常量而言的.常量是一个不会改变的固定值,而变量的值可能会随着程序的执行而改变.变量有两个基本特征,即变量名和变量值.为了便于理解,可以把变量看作是一个贴着标签的盒子,标签上的名字就是这个变量的名字(即变量名),而盒子里面的东西就相当于变量的值. 1.变量的声明 在JavaScript中,使用变量前需要先声明变量,所有的JavaScript变量都由关键字var声明,语法格式如下: var variable…
这是一个基于jQuery的效果,当鼠标在小图片上悬停时,会弹出一个大图,该大图会跟随鼠标的移动而移动.这个效果最初源于小敏同志的一个想法,刚开始做的时候只能实现弹出的图片是固定的,不能随鼠标移动,最后加以改善,终于实现了比较理想的效果.今天就把制作该效果的经验与大家一同分享.先看看最终效果演示: 查看演示 HTML结构部分: 先编写一个无序列表的结构,a标签中的img标签用来存放小图片,a标签添加一个rel属性,用来存放大图片的路径. 1 <ul id="gallery">…
javascript基础03 1. 算术运算符 后增量/后减量运算符 ++ ,-- 比较运算符 ( >, <, >=, <=, ==, !=,===,!== ) 逻辑运算符( &&, || , !) 字符串的比较 字符串按字符在unicode中的码位来比较大小,并且会从开始首位字符比较大小,如果相等会比较下一位字符,直到比较出大小或字符都比较完为止. alert("101"<"3"); 返回true 2.程序流程控制 一…
JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的参数可以任意多个,不用声明变量类型,只用给出变量名: function myFunction(name, job) { 这里是要执行的代码 } 函数返回值 在函数中使用return语句,函数会停止执行,返回调用它的地方. 函数的返回值也不用声明类型,直接返回即可. function myFuncti…
[03]-javaScript原型对象 引用: javaScript是一门基于原型的语言,它允许对象通过原型链引用另一个对象来构建对象中的复杂性,JavaScript使用原型链这种机制来实现动态代理.当试图去引用某一个属性时,它会遍历整个原型链,直到最后的节点.JavaScript专家编程·P24 1.1 原型对象说明 在JavaScript中除了基本数据类型外的其它数据都是对象类型,包括对象.函数.数组等,它们跟原型对象密不可分. JavaScript语言中有一个非常重要的概念,叫做原型对象,…
第三课 初探JavaScript魅力-03 函数传参 上节课的时候我们已经讲了什么是函数,实际上,函数在功能上就类似于css的class一样,将一段代码包裹起来使用.为了让函数的功能更加的丰富和实用,我们需要用到的就是函数传参.我们已经提过,JS将参数放在函数名后的圆括号内,而为了具体说明参数怎么使用,我们举一个小例子. 我们在HTML页面中放入一个有颜色的div块,并加入3个按钮,其目的是通过点击按钮来改变div块的颜色.通过前面两节课的学习,我们可以很轻松地写出下面的代码来实现这个功能: <…
本篇体验通过硬编码.工厂模式.构造函数来创建JavaScript对象. □ 通过硬编码创建JavaScript对象 当需要创建一个JavaScript对象时,我们可能这样写: var person = { firstName: "Darren", lastName: "Ji", getFullName: function() { return this.firstName + " " + this.lastName; } }; 如果需要创建2个结…
javascript面向对象的写法03 js一些基础知识的说明 prototype 首先每个js函数(类)都有一个prototype的属性,函数是类.注意类有prototype,而普通对象没有. js中有一些常用的内置类.下面代码打印内置类和自定义类的protytype console.log(String.prototype); console.log(Date.prototype); console.log(Object.prototype); function ClassA(name,jo…
[03] 使用 Firebug 调试 JavaScript 描述 Firebug是一个非常强大的工具,可以帮助您发现代码发现错误的错误并解决错误. 在此我们使用Firebug来处理Javascript代码. 首先我们需要加载页面并打开Firebug. 有时候您需要重新载入页面. 在状态栏的错误数 显示当前页面的错误 显示错误的详细信息 一步步调试代码 你可以一步步的执行代码.这对代码调试非常有用. 使用断点调试 断点调试可以终止代码的执行,你可以通过指定代码范围来查看错误是不是在指定代码范围内.…
目录 JavaScript 入门基础 03 JavaScript构造函数 常用事件和事件处理函数 小练习 数据类型之间的差异性 数组 介绍 创建 数组的常规使用 数组的length属性 数组当中常见的操作方法 数组的遍历 数组的分类 小练习 数组的排序 小练习 JavaScript 入门基础 03 JavaScript构造函数 JavaScript 创建对象的方式有两种,一种是通过直接量的形式来创建对象,另外一种则是通过构造函数的形式来创建对象. 简单的说,构造函数就是在创建对象时通过new关键…
JavaScript基础第03天笔记 1 - 循环 1.1 for循环 语法结构 for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 } 名称 作用 初始化变量 通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数. 条件表达式 用于确定每一次循环是否能被执行.如果结果是 true 就继续循环,否则退出循环. 操作表达式 用于确定每一次循环是否能被执行.如果结果是 true 就继续循环,否则退出循环. 执行过程: 初始化变量,初始化操作…
三.JavaScript部分 1.谈谈你对Ajax的理解?(概念.特点.作用) AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效果. 优点a.不需要插件支持b.优秀的用户体验c.提高Web程序的性能d.减轻服务器和带宽的负担缺点a.浏览器对XMLHttpRequest对象的支持度不足,几乎所有浏览器现在都支持b.破坏浏览器“前进”.“后退”按钮的正常功能,可以通过…
JavaScript 面向对象精要--理解对象 尽管JavaScript里有大量内建引用类型,很可能你还是会频繁的创建自己的对象.JavaScript中的对象是动态的. 一.定义属性 当一个属性第1次被添加给对象时JavaScript在对上上调用了一个名为 [[Put]]的内部方法,该方法会在对象上创建一个新节点保存属性,就像 哈希表上第一次添加一个键一样这个操作不仅指定了初始值 也定义了属性的一些特征 1.1 [[Put]]内部方法 [[Put]]在对象上创建一个自有属性 1.2 [[Set]…
目录 三.JavaScript部分 1.谈谈你对Ajax的理解?(概念.特点.作用) 2.说说你对延迟对象deferred的理解? 3.什么是跨域,如何实现跨域访问? 4.为什么要使用模板引擎? 5.JavaScript是一门什么样的语言,它有哪些特点? 6.JavaScript的数据类型有哪些? 7.已知ID的Input输入框,如何获取这个输入框的输入值?(不使用第三方框架) 8.根据你的理解,请简述JavaScript脚本的执行原理? 9.DOM操作怎样添加.移除.移动.复制.创建和查找节点…
前言 昨天我们学习了下javascript中函数的参数与作用域的东东,现在回过头来看,其实都是与函数相关的,所以javascript中的函数仍然是王道,我们今天大概会发二篇或者三篇博客一起来巩固我们的javascript吧! PS:各位,阿里失败啦,这个事情不必关心啦......我下周再找工作了 object 类型 我们有两种方式可定义一个对象: var object = {}; var object = new Object(); PS:根据对象字面量创建的对象不会调用Object构造函数 j…
前言 今天搞的有点快,因为上午简单研究了下MVC,发现MVC不太适合前端开发,然后之前看几位前端前辈都推荐前端使用MVVM,但是我对其还不甚了解,所以我觉得下午还是应该先看看他是神马先,后面再决定要不要继续深入下去. 神马是MVVM? 借用我们百科一张美图,所谓MVVM就是model-view-viewmodel模型. 他是微软带来的一项新的技术体验,最先用于WPF,最后发现其模式对前端开发尤其比较合适,所以便在前端流行起来了. MVVM是对MVC的一个改进,用以适应当代Web开发. model…
Javascript语言(★★★★★)      Javascript是基于对象和事件驱动的脚本语言,作用在客户端.              特点: * 交互性 * 安全性(不能访问本地的硬盘)   * 扩平台性(浏览器就能解析js)                         javascript和java根本不同          Netscape(网景)     开发livesrcipt(javascript前身)                    java语言,升级内核,(改名…
代码是否需要放置到onload中  //如果js代码需要操作页面上的元素,则将该代码放到onload里面.         //因为当页面加载完毕之后页面上才会有相关的元素 //如果js代码中没有操作页面元素的语句,则可以将该代码直接写在<script>标签中,         //例如:声明变量,相加求和等操作.          //建议将操作页面元素的代码都放到onload里面. 控制层的显示 修改style.display,例子:切换层的显示         function togg…