7月26号=》276页-285页

13.1.1  运行JavaScript

      前面已经介绍了JavaScript通常嵌在互联网页中执行,在HTML页面中嵌入执行JavaScript代码有两种方式。

        使用javascript:前缀构建执行JavaScript代码的URL。

        使用<script>元素来包含JavaScript代码。

      代码示范:

        //第一种方式

        <a href="javascript:alert(‘运行JavaScript!‘);">运行 JavaScript<a/>

        //第二种方式

        <script type="text/javascript">

          alert("直接运行的JavaScript!");

        </script>

13.1.2  导入JavaScript文件

      为了让HTML页面和JavaScript脚本更好的分离,我们可以将JavaScript脚本单独保存在一个*.js文件中。

      代码示范:

        <script src="test.js" type="text/javascript"></script>

      上面语法中src属性指定JavaScript脚本文件所在的URL。使用脚本文件分离的方式和直接在该页面上写的脚本效果是一致的。

13.2  数据类型和变量

      任何语言都离不开数据类型和变量。下面依次介绍JavaScript中数据类型和变量的基本语法

13.2.1  定义变量的方式

      JavaScript是弱类型脚本语言,使用变量之前,可以无须定义,想使用某个变量时直接使用即可。归纳起来,

      JavaScript支持两种方式来引入变量。

        隐示定义:直接给变量赋值。

        显示定义:使用var关键字定义变量。

      代码示范:

        //隐示方式定义变量a

        a = "Hello JavaScript";

        alert(a);

        //显示方式定义变量a

        var a = "Hello JavaScript";

        alert(a);

      隐示定义的方式简单、快捷、需要使用变量时,直接给变量赋值即可。

      显示声明方式是采用var关键字声明变量,声明时变量可以没有初始值,声明的变量数据类型是不确定的。当第一次给变量

      赋值是,变量的数据类型才确定下来,而且使用过程中变量的数据类型也可随意改变。

13.2.2  类型转换

      JavaScript支持自动类型转换,这种类型转换的功能非常强大。

      代码示范:

        //定义字符串变量

        var a = "3.145";

        //让字符串变量和数值执行算术运算

        var b = a-2;

        //让字符串变量和数值执行加法运算

        var c = a+2;

      在上面代码中,a是值为3.145的字符串,让a和数值执行减法,则自动执行算数运算,并将a的类型转换为数值;

      让a和数值执行加法,则a的值转换为字符串。这就是自动类型转换,它的转换规律是:

        对于减号运算符,因为字符串不支持减法运算,所以系统自动将字符串转换成数值。

        对于加号运算,因为字符串可用加号作为连接运算符,所以系统自动将数值转换各种类型

      各种类型自动类型转换的结果如下表所示:

各种类型自动类型转换的结果
目标类型
字符串类型 数值型 布尔型 对象
undefined "undefined" NaN false Error
null "null" 0 false Error
字符串 不变 数值或NaN true String对象
空字符串 不变 0 false String对象
0 "0" 0 false Number对象
NaN "NaN" NaN false Number对象
Infinity "Infinity" Infinity true Number对象
-Infinity "-Infinity" -Infinity true Number对象
数值 数值字符串 不变 true Number对象
true "true" 1 不变 Boolean对象
false "false" 0 不变 Boolean对象
对象 "toString()返回值" valueOf(),toString()或NaN true 不变

      这种自动类型转换虽然方便,但程序可读性非常差,而且有时候我们就是希望让字符串和数值执行加法运算,这就需要使用强制类型转换了。

      JavaScript提供了如下几个函数来执行强制类型转换。

        toString():将布尔值、数值等转换成字符串。

        parseInt():将字符串、布尔值等转换成整数。

        parseFloat():将字符串、布尔值等转换成浮点数

13.2.3  变量

      JavaScript是弱类型语言,同一个变量可以一会儿存储数值,一会儿存储字符串。变量还有个重要的概念:作用范围。

      根据变量定义的范围不同,变量有全局变量和局部变量之分。直接定义的变量时全局变量,全局变量可以被所有的脚本

      访问;在函数里定义的变量称为局部变量,局部变量只在函数内有效。如果全局变量和局部变量使用相同的变量名,则

      局部变量将覆盖全局变量。

      代码示范:

        //定义全局变量test

        var test = "全局变量";

        //定义函数checkScope

        function checkScope()

        {

          //定义局部变量

          var test = "局部变量";

          alert(test);

        }

        checkScope();

      执行结果将会是"局部变量",代码中定义了名为test的全局变量,但在函数中又定义了名为test的局部变量,函数中

      的局部变量覆盖了全局变量。与java、C语言不通的是,JavaScript的变量没有块范围。

      代码示范:

        function test(o)

        {

          if(typeof o == "object")

          {

            //定义变量j,变量j的作用范围是整个函数内,而不是if块内

            var j = 5;

            for(var k = 0; k<10;k++)

            {

              //因为JavaScript没有代码块范围

              //所以k的作用范围是整个函数内,而不是循环体内

              document.write(k);

            }

          }

          //即使出了循环体,k的值依然存在

          alert(k+"\n"+j);

        }

时间: 2024-08-03 21:22:08

7月26号=》276页-285页的相关文章

6月26号=》216页-220页

10.1 布局相关属性 CSS提供了如下布局相关属性. float:该属性控制目标HTML组件是否浮动以及如何浮动.当通过该属性设置某个对象浮动后,该对象将被当做块(block-level) 组件处理,即相当与display属性被设置为block.也就是说,即使为浮动组件的display设置了其他属性值,该属性值 依然是block.浮动HTML组件将会漂浮紧紧跟随它的前一个组件,直到遇到边框.内补丁.外补丁或另一个块组件位置. 该属性支持left.right两个属性值,分别指定对象向左.向右浮动

5月29号=》第41页-第45页

2.4 HTML5头部和元信息 <script>:该元素用于包含JavaScript脚本. <style>:该元素用于定义内部CSS样式. <link>:该元素用于链接外部CSS样式等资源. <title>:该元素用于定义文档标题. <base>:该元素用于指定该页面中所有链接的基准链接. 该元素属性如下: href:指定所有链接的基准链接. target:指定超链接默认在哪个窗口打开=>(_blank._parent._self._top

5月27号=》第30页-第35页

2.18 框架相关元素 HTML5删除了<frameset>.<frame>.<noframes>这三个标签 保留了<iframe>元素 2.2 HTML5新增的通用属性 2.2.1 contenEditable:该属性为true时可在页面直接对该标签进行编辑    用户编辑完后,内容会直接显示在该页面中(一旦  刷新页面就会重新加载,编辑的内容会丢失),开发  者可以通过该元素的innerHTML属性来获取编辑后    的内容   该属性具有"可

5月28号=》第35页-第40页

2.3.2 语义相关元素 <mark>:用于显示HTML页面中需要重点"关注"的内容,浏览器 通常会用黄色显示该标签内的内容. <time>:用来显示被标注内容是日期.时间或者日期时间.   使用该标签要指定datetime属性,格式为"yyyy-MM-ddTHH:mm"   如果<time>标签的内容直接符合以上格式,则可以不用指定datetime属性. <details>:该元素用于显示一段详细信息或某个主题的细节

11月26号host

127.0.0.1 localhost255.255.255.255 broadcasthost::1 localhostfe80::1%lo0 localhost # Google start216.239.38.125 gmail-imap.l.google.com216.239.38.125 googlemail-imap.l.google.com216.239.38.125 gmail-smtp.l.google.com216.239.38.125 googlemail-smtp.l.g

6月26号.NET面试题(程序题部分)只要做懂这3道题肯定能脱离菜鸟称号!

说明:1.如果只是想知道正确答案,拷贝代码到vs中运行就行了   2.这3道题我不会做,求指点(只需要告诉我考察的知识点就行了~) 1.下面的代码有什么错误吗,如果有如何改正?(我感觉没错呀~~) public class A { public virtual void F() { Console.WriteLine("A.F"); } } public abstract class B : A { public abstract override void F(); } 2.一道综合

2016年11月26号随笔(关于oracle数据库)

今天写了几个小时的sql语句,一开始我并没有思路,有思路便开始写. 首先我查询了入库表中的3级单位下的各个网点的入库信息,找到这些信息后,我又去入库明细表中查询入库的详细信息 找到了我要的把捆包箱的各个id select * from gzh_instock where outunitid in (select organizationid from cdms_organization start with organizationid='3862fa81-ac03-44de-8e82-d39d

11月26号站立会议

小组名称:飞天小女警 项目名称:礼物挑选小工具 小组成员:沈柏杉(组长).程媛媛.杨钰宁.谭力铭 代码地址:HTTPS:https://git.coding.net/shenbaishan/gift-selection.git SSH:[email protected]:shenbaishan/gift-selection.git 会议时间:2016-11-26 13:00-----13:30 会议地点:本部研究生教学楼一楼大厅 会议内容: 一.已完成项: ①数据整理--沈柏杉 ②确认礼物展示模

11月26号,Window.document对象

1.Window.document对象 docunment.getElementById(" id  ")   根据id找,最多找一个 var a= docunment.getElementById(" id  ")   将找到的元素放到变量中(赋值) docunment.getElementsByName("name")  根据name找名字,找出来的是数组 docunment.getElementsByTagName("name&q