一、变量的作用域

javascript脚本的执行过程分为两个阶段:

第一阶段,js引擎()先扫描整个javascript代码。当碰到<script>时,会先创建一个全局的活动对象,将<script>中出现的变量的声明,函数的定义保存在活动对 象里面。如果碰到函数,则创建对应的局部活动对象,将函数内部的变量的声明及函数的定义保存在该活动对象里面。

第二阶段,执行javascript代码,遇到变量,会先从对应的活动对象里面查找,找不到,找上一层的活动对象。

  1. <html>
  2. <head>
  3. <script>
  4. var i = 100;
  5. function f1(){
  6. alert(i);
  7. var i = 1000;
  8. }
  9. function f2(){
  10. var i = 1000;
  11. alert(i);
  12. }
  13. function f3(){
  14. alert(i);
  15. i = 1000;
  16. }
  17. function f4(){
  18. alert(i);
  19. i = 1000;
  20. function f5(){
  21. var i = 10000;
  22. }
  23. }
  24. f1(); //结果是undefined
  25. f2(); //结果是1000
  26. f3(); //结果是100
  27. </script>
  28. </head>
  29. <body>
  30.  
  31. </body>
  32. <!--
  33. 预编译--对脚本扫描
  34. js引擎--创建一个全局活动对象(i和f1)--创建一个局部的活动对象(i)s
  35. -->
  36. </html>

二、Math(javascript内置的一个对象,可以直接使用)

Math.random(): 返回0到1之间的随机数  0<= 随机数 <1

Math.ceil():  向上取整

Math.floor(): 向下取整

  1. <html>
  2. <head>
  3. <script>
  4. function f1(){
  5. var a1 = Math.random();
  6. alert(a1);
  7. var a2 = 100.68;
  8. alert(Math.ceil(a2));
  9. alert(Math.floor(a2));
  10. }
  11. function f2(){
  12. Math.floor(Math.random()*33);
  13. }
  14. f1();
  15. </script>
  16. </head>
  17. <body>
  18. </body>
  19. <html>

三、W3C DOM模型

1、什么是dom

document object model(文档对象模型)

将一个结构化的文档(xml, html)转换成一颗树,并提供对树的操作(包括遍历,查找,修改,删除等)相关的属性或者方法

2、w3c dom模型的基本结构

Node

Document

HTMLDocument  (<html>)

HTMLBodyElement  (<body>)

Element

HTMLElement

HTMLFormElement  (<form>)

HTMLInputElement  (<input>)

HTMLSelectElement (<select>)

HTMLOptionElement  (<option>)

小强的HTML5移动开发之路(29)—— JavaScript回顾4的更多相关文章

  1. 小强的HTML5移动开发之路(18)——HTML5地理定位

    来自:http://blog.csdn.net/dawanganban/article/details/18192091 在前面的<小强的HTML5移动开发之路(2)--HTML5的新特性> ...

  2. 小强的HTML5移动开发之路(14)——Video标签详解

    来自:http://blog.csdn.net/dawanganban/article/details/18180605 在前面的小强的HTML5移动开发之路(5)--制作一个漂亮的视频播放器中制作了 ...

  3. 小强的HTML5移动开发之路(13)——HTML5中的全局属性

    来自:http://blog.csdn.net/dawanganban/article/details/18179483 一.accssskey  快捷键 <!DOCTYPE HTML> ...

  4. 小强的HTML5移动开发之路(11)——链接,图片,表格,框架

    来自:http://blog.csdn.net/dawanganban/article/details/18098193 一.HTML是什么? HTML(hypertext mark-uplangua ...

  5. 小强的HTML5移动开发之路(42)——HTML4与HTML5文档结构比较

    一般来说,人们在书写包括HTML在内的文档时,习惯上按照类似于"章--节--小节"这样的层次结构来进行. 在HTML4中的描述方式: <html> <head&g ...

  6. 小强的HTML5移动开发之路(37)——jqMobi快速入门

    在<小强的HTML5移动开发之路(33)-- jqMobi基础>中我们了解了什么是jqMobi,并从官方下载了jqMobi开发包,下载后解压目录如下: 拷贝上面的/css目录./plugi ...

  7. 小强的HTML5移动开发之路(33)—— jqMobi基础

    一.什么是jqMobi jqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架,是个极快速的查询选择库,支持W3C查询. 版本 jqMobi源码最初在2012年1月 ...

  8. 小强的HTML5移动开发之路(12)——从一个多媒体标签说起

    来自:http://blog.csdn.net/dawanganban/article/details/18136813 一.视频播放 <html> <head> <ti ...

  9. 小强的HTML5移动开发之路(3)——HTML5与HTML4比较

    来自:http://blog.csdn.net/dawanganban/article/details/17652873 在前面介绍了HTML5的新特性,新标签的使用,智能表单设计,引入多媒体对象,C ...

随机推荐

  1. optionMenu-普通菜单使用

    首先结合如下的代码来看 package com.android.settings; import android.R.integer; import android.app.Fragment; imp ...

  2. ORA-01665 control file is not a standby control file

    ORA-01665错误处理 问题描述: 在备库启动至mount状态时,报如下错误: ORA-01665: control file is not a standby control file 解决办法 ...

  3. 学习笔记:Vue——自定义指令

    在Vue2.0中,代码复用和抽象的主要形式是组件.然鹅,有的情况下,你仍然需要对普通DOM元素进行底层操作,这时候就会用到自定义指令. 1.举个聚焦输入框的例子,全局注册focus指令 Vue.dir ...

  4. M1卡操作

    M1卡操作时,读取的时候,是将卡里面的1块(占16个字节)数据以十六进制字符的形式读取出来的啊!一个字节占两位16进制,因为读出来是字符.如果放在byte[]数组里,因为一个字符占一个字节,所以要用长 ...

  5. leetCode 103.Binary Tree Zigzag Level Order Traversal (二叉树Z字形水平序) 解题思路和方法

    Given a binary tree, return the zigzag level order traversal of its nodes' values. (ie, from left to ...

  6. 关于JS面向对象、设计模式、以及继承的问题总结

    1.对象:JS中万物皆对象,它是一个泛指 类:对象的具体的细分 (物以类聚,人与群分.具有相同属性和方法的实例的一个集合总称) 实例:某一个类别中具体的一个事物 对象是一个抽象的概念,类似于我们的自然 ...

  7. HibernateCRUD基础框架(2)-HQL语句构造器(HqlQueryBuilder,HqlUpdateBuilder)

    上篇讲述了最基本的实体类,本篇接着讲述HQL语句构造器,包括查询和更新等. 优点:通过面向对象的方式构造HQL语句,更快捷,不需要手动拼接HQL. 缺点:封装可能降低性能,只能支持常用的和较为简单的H ...

  8. SQLcl

    参考博客: https://wangfanggang.com/Oracle/sqlcl/ 执行show sqlformat可以看到当前格式化样式为:default 让我们修改下显示结果的样式:set ...

  9. C语言深度剖析-----函数与指针分析

    阅读代码的重要技巧 函数类型 函数指针 回调函数 使用示例 指针阅读技巧解析 例

  10. ITFriend月刊-第1期-2014年6月.pdf

    ITFriend上线一个月了,积累了不少优质内容,本周进行了整理,制作了PDF格式的电子书. 欢迎大家下载阅读. 下载地址: CSDN下载:http://download.csdn.net/detai ...