JavaScript入门笔记(一)】的更多相关文章

JavaScript入门(笔记) JavaScript是一种轻量级.解释型的Web开发语言,该语言系统不是很庞杂,简单易学.由于所有现代浏览器都已嵌入JavaScript引擎,JavaScript源代码可以在浏览器中直接被解释执行,用户不用担心支持问题. 一.在网页中插入JavaScript代码 使用<script>标签,可以把JavaScript源代码直接放到网页文档中. [示例1]新建HTML文档并保存为test.html,然后在<head> 标签内插入<script&g…
1.通过ID获取元素 document.getElementById("id") <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.getElementById</title> </head…
第一章 JavaScript语法 1.1 初识JavaScript 1.3 数据类型 1.4 string和boolean类型 1.5 算数操作符 第二章 JavaScript流程控制语句 2.1 循环语句 2.2 break和continue 2.3 分支语句 第三章 JavaScript函数 3.1 函数的定义和调用 3.2 函数的返回值 3.3 arguments 参数 3.4 求任意一组数的平均值 第四章 JavaScript内置对象 4.1 Array 数组 4.2 String 字符…
JavaScript   1.JS和DOM的关系 浏览器有渲染html代码的功能,把html源码在内存里形成一个DOM对象,就是文档对象 浏览器内部有一个JS的解释器/执行/引擎,如chrome用v8引擎 我们在html里面写一个JS代码,JS代码被引擎所执行,而执行的结果就是对DOM的操作,也就是我们常看到的特效,比如 图片漂浮,文字变色   浏览器执行时,遇到html代码就渲染,遇到js就解释执行,所以为了保证页面整体的显示,一般把js写在最后,即先渲染页面,再操作DOM     2.变量的…
JavaScipt 2.1 javascript的组成部分 ECMAScript: 它是整个 javascript 的核心,包含(基本语法.变量.关键字.保留字.数据类型.语句.函数等等)DOM:文档对象模型,包含(整个 html 页面的内容).BOM:浏览器对象模型,包含(整个浏览器相关内容) 步骤(BOM) 1. window对象 第一步: 确定事件(onsubmit)并为其绑定一个函数 第二步: 书写这个函数(获取用户输入的数据<需要在指定位置定义一个id>) 第三步: 对用户输入的数据…
认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,DOM节点有: 元素节点:上图中.. 等都是元素节点,即标签. 文本节点:向用户展示的内容中的JavaScript.DOM.CSS等文本. 属性节点:元素属性,如标签的链接属性href="http://www.imooc.com"…
History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能. 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口.每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联. 语法: window.history.[属性|方法] History 对象属性 属性 描述 length 返回浏览器历史列表的URL数量 History 对象方法 方法 描述 back() 加载history前一个url forward()…
计时器 语法: setInterval(代码,交互时间) 参数说明: 代码:要调用的函数或要执行的代码串. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms). 例子: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>定…
1.Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首字母必须大写. 使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间). 如果要自定义初始值,可以用以下方法: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //201…
1.继续循环continue; continue的作用是仅仅跳过本次循环,而整个循环体继续执行. 语句结构: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue; } 循环代码 } 2.JavaScript 创建动态页面.事件是可以被 JavaScript 侦测到的行为. 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件. 比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,…
1.数组 var arr=new Array(); var myarray= new Array(8); //创建数组,存储8个数据. 注意: 1.创建的新数组是空数组,没有值,如输出,则显示undefined. 2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外. a. var myarray = new Array(66,80,90,77,59);//创建数组同时赋值 b. var myarray = [66,80,90,77…
1.JavaScript-输出内容(document.write) <script type="text/javascript"> document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出. </script> <script type="text/javascript"> var mystr="he…
1.script标签在HTML文件中添加JavaScript代码. JavaScript代码只能写在HTML文件中吗?当然不是,我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中. JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中. <script src="script.js"></script>…
1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write("单行注释使用'//'"); // 我是注释,该语句功能在网页中输出内容 </script> 多行注释以"/*"开始,以"*/"结束. <script type="text/javascript"> document.…
 JAVASCRIPT—(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja…
JavaScript入门(一) 学习js之前,我们先来了解一下,什么是JavaScript? JavaScript是一种解释型语言.在运行的时候,一边读一边编译一边执行.简单来说就是,在执行js代码时,读第n行代码的时候,并不知道第n+1行的代码是什么. JavaScript也是一种轻量型的脚本语言.所谓"脚本语言",指的是他不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的"脚本" JavaScript也是一种嵌入式语言(embedded…
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工作的一个小结,也是对自己知识的一个梳理,之前特别喜欢记在本子上,不过长期的不用,就会发现记在本子上很容易就忘,所以后面开始写博客.首先,它并不单单是对自己的一些技术心得的总结亦或是一些技术讨论,更重要的是对自己不断学习提高的一种要求和检验,一种技术沉淀.其次,通过技术博客我们可以彼此分享一些技术经验…
ES6入门笔记 02 Let&Const.md 增加了块级作用域. 常量 避免了变量提升 03 变量的解构赋值.md var [a, b, c] = [1, 2, 3]; var [[a,d], b, c] = [[1,4], 2, 3]; var [...a] = [1,2] var [c = 3] = [5] //默认值 var { foo, bar } = { foo: "aaa", bar: "bbb" }; 作用. 复杂的 json & a…
# React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的实例.日后还将对官方文档进阶和高级部分分专题进行学习并记录. 尽管前端学习面临着各种各样的焦虑,尽管越来越多的框架出现,然而无可否认的是,它们都在从不同的角度提高生产力--从这个角度而言,之所以焦虑,本质原因是因为行业的门槛其实是降低了,而自己变得"不值钱"起来.在目前的环境下,无论如何必…
第一篇见Css入门笔记01http://blog.csdn.net/qq_32059827/article/details/51406674 4.其他选择器 4.1.关联选择器 有时在页面上会出现我们需要让CSS样式作用在某个标签中的标签上. 格式: 父标签名 子标签名 <div> div中的数据 <span>div中的span中的数据</span> </div> <span>span中的数据</span> 当前的CSS要作用在div…
一: html标签&html书写规则 Html 的标签 分为如下 这两种 : 单标签: 单标签一般 用于特殊的含义,  例如 :  <br/> 表示换行,  <hr/> 水平线 双标签: 双标签一般用来 封装数据 , 展示特定的样式 ,  例如 : <font>欢迎学习HTML</font> l  标签的书写规则 在html 中 不管是单标签还是双标签, 都必须要 正确 关闭, 对于任何一个 html页面来说 , 都会有 一个 固定的 内容 : Ht…
因为初学Ruby,四处查资料无果,才来的贴出亲自试过的操作,覆盖整个个人入门笔记博客中,故所有的操作,都以最明了的方式阐述,当你创建完一个新的Rails应用后,你发现JAVA中我们可以编写maven聚合项目来控制其子项目的JDK,TOMCAT等等的版本,那么Ruby是怎样来管理的呢,答案就是在Gemfile中加依赖,而这个文件不是你手动编写的,而是使用Bundler来安装和引入该应用所需的gem.执行rails new命令时会自动运行Bundler(bundle install命令),而bund…
什么是方法? 简介 在上一篇的blog中,我们知道了方法是类中的一个组成部分,是类或对象的行为特征的抽象. 无论是从语法和功能上来看,方法都有点类似与函数.但是,方法与传统的函数还是有着不同之处: 在结构化编程语言里,函数是基本的程序组成单元,一个程序由一个个函数组成: 在面向对象编程语言里,类才是程序的基本单元,方法是属于类或对象的,不能独立存在: Java语言里方法的特征主要在以下几个方面: 方法不能够独立的存在,方法只能够定义在类里面,所属与某个类或对象: 方法不能够被独立地执行,必须使用…
redis入门笔记(2) 上篇文章介绍了redis的基本情况和支持的数据类型,本篇文章将介绍redis持久化.主从复制.简单的事务支持及发布订阅功能. 持久化 •redis是一个支持持久化的内存数据库,也就是说redis需要经常将内存中的数据同步到磁盘来保证持久化,这是相对memcache来说的一个大的优势.redis支持两种持久化方式,一种是 Snapshotting(快照)也是默认方式,另一种是Append-only file(缩写aof)的方式. Snapshotting        快…
redis入门笔记(1) 1. Redis 简介 •Redis是一款开源的.高性能的键-值存储(key-value store).它常被称作是一款数据结构服务器(data structure server).Redis的键值可以包括字符串(strings)类型,同时它还包括哈希(hashes).列表(lists).集合(sets)和 有序集合(sorted sets)等数据类型. 对于这些数据类型,你可以执行原子操作.例如:对字符串进行附加操作(append):递增哈希中的值:向列表中增加元素:…
原文参考地址:http://www.cnblogs.com/zilongshanren/archive/2011/08/08/2131019.html 一.编译Vertex Shaders和Fragment Shaders 目前为止,xcode仅仅会把这个两个文件(simple.vertsh和simple.fragsh)copy到application bundle中.我们还需要在运行编译和运行这些Shaders. 你会很诧异,为什么要在app运行时编译代码? 这样做的好处是:我们的Shader…
在入门笔记一中比较详细的介绍了顶点着色器和片面着色器. 在入门笔记二中讲解了简单的创建OpenGL场景流程的实现,但是如果在场景中渲染任何一种几何图形,还是需要入门笔记一中的知识:Vertex Shaders和Fragment Shaders. Vertex Shaders,在你的场景中,每个顶点都需要调用的程序,成为“顶点着色器”.假如你在渲染一个简单地场景:一个长方形,每个角只有一个顶点.于是Vertex Shaders会被调用四次.她负责执行:灯光.集合变化等等的计算.得出最终的顶点位置后…
编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提示: obj.style.width obj.style.height 三.定义"隐藏内容"的函数 提示: obj.style.display="none"; 四.定义"显示内容"的函数 提示: obj.style.display="blo…
本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type="text/javascript"> //写在head标签内 document.write("hello"); </script> </head> <body> <p id="p1">mrSun(会变蓝色)…
我于2010年4月1日硕士毕业加入完美时空, 至今5年整.刚刚从一家公司的微端(就是端游技术+页游思想, 具体点就是c++开发, directX渲染, 资源采取所需才会下载)项目的前端主程职位离职, 原因这里不谈, 总之在担任这个职位, 并带领一个微型团队的一年半时间里,无论是技术还是做人抑或是项目管理, 所获颇丰. 离职之后, 赋闲在家, 目前还没有想好之后的具体计划, 于是索性呆在家里当起奶爸, 不亦乐乎. 稍有闲暇看看移动方面的开发, 当今比较流行的开发方式, 无外乎cocos2d和uni…