2015.11.27  客户端脚本语言javascript。

（叫这个名字的原因。想要攀高枝，希望变得和他一样通用。关于名字之间的关系类似于雷锋和雷峰塔，巴基斯坦和卡巴斯基，苏格拉底跟格拉苏蒂的关系一样。阿迪王 和阿迪达斯）康师傅和康帅博

也是javaweb中的一个环节，javascript现在做的也很强大。主要应用于b/s部分的b也就是浏览器客户端的部分。

1、javascript语言，在运行的时候是不需要服务器的，只有浏览器就可以对js代码进行解释。

2、脚本语言：自身无法独立在浏览器端运行，必须依附在html页面上。

3、js还是一个弱类型语言，var i=2,i ="2342";//int i=9;

4、面向对象的开发语言

5、js的作用：

1)可以不经过服务器就可以让程序和用户产生交互

2)动态的改变页面的内容（动态操作html的标签，甚至样式）

3)对表单进行数据的格式验证

6、js嵌入到html页面中的方式：

1）页内

a.行级

b.head中写明

2）外部文件

7、数组

1)js 中数组元素可以是任意类型（但是建议只使用一种类型），数据遍历的时候会更加方便。

2)js 中数组的长度是可以无限增大的。

总结：javascript 的概念，嵌入方式，变量的定义和使用，方法的定义和使用 js内置对象和方法。如何获取输入框的值 包括id name innerhtml 数组。

作业：1、写一个计算器。(eval())

案例一的启示，三种引入js的方式。

外部引入和head中写的script输出两者只能存活一个？先存在的会被留下？

案例二：可以在脚本中获得document对象，document.write（“”）；优先于html中的语句先被输出。

案例三:java中：int a,b,c=3;三个变量都是int类型的。

但是在javascript里面，var a,b,c=3;三个变量未必是同一个类型，他们类型的确定，是在赋值之后确定的。那么类型确定之后可以更改么？并且类型确定之后可以更改。

<script type="text/javascript">

    var a,b,c=3;

    alert(c);

    c="我是李飞";

    alert(c);

</script>

再浏览器中得到的结果是：先输出一遍3，在输出一个“我是李飞”。

在javascript里面把html看做是document对象，html里面的每一个标签都看做是一个节点node对象。比如<body><table>

案例四：从页面中的得到的数据都被看做是String类型的。

<script type="text/javascript">

    var price = prompt("请输入一个数：");

    price=price+100;

    alert(price);

    price+=100;

    alert(price);

    price=parseInt(price)+100;

    alert(price);

</script>

输出的结果分别是100100,100100100,100100200.

案例五：

<script type="text/javascript" >

    //全局变量

    var number1=1;

    //全局变量

    number2=2;

    function function1(){

        alert(number1+number2);

    }

    function function2(){

        //局部变量

        var number3=4;

        //打折的全局变量

        number4=8;

        alert(number1+number2+number3+number4);

    }

//    alert(number1+number2+number3+number4);

    function1();

    function2();

</script>

这里面所有的内容除了打折的全局变量意外都是可以被理解的。这里主要说明一下区别于java的一些特性。只有当function被调用以后，number4才是全局可到达的。否则，number4一直不可以被使用。作为一个javaer还是不建议这么用。变量要有声明。统一写成数字1和数字3的形式。

被注释的那句话，取消注释之后，并不会看到结果。因为。会报出number3未定义。

查看方式：

打开浏览器后，按F12查看。默认进入Elements需要手动切换到console面板。

案例六：

var function1=function (){

        alert("我们把一个函数的定义赋给一个叫做function1的变量。故，function1就是这个函数的函数名。");

    }

    function1();

    for(i=0;i<5;i++){

    }

    alert(i);

在循环里面不要纠结，没有一种定义方式可以把i变成局部的。但是可以骗自己的写成var i=0。还有一句话一定要给初值。

案例七：

算了先上代码吧：

<script type="text/javascript">

    function function1(){

        var number1 = document.getElementById("number1").value;

        var number2 = document.getElementById("number2").value;

        var result=parseInt(number1)+parseInt(number2);

        alert(result);

    }

</script>

</head>

<body>

<input type="text" id="number1"/>+

<input type="text" id="number2"/>=

<input type="button" value="计算" onclick="function1()"/>

</body>

这里面会忘记两个事情，一个是number1上面记得加双引号，再然后记得加.value.

报这个错误是因为没有加"".

不是一个数字，是因为没有加value.

还有一个bug。在360里面用飞秋截图，看不到这个javaScript的提醒（360提醒里面有提示框，但是框里面没有内容。），但是在chrome里面就能截到完整的这个提醒。

并不是所有的联想都会给出。有些内容的确是有，但是联想不到。可能这个dreamwaver毕竟只有几十兆的原因。比如在innerText 和innerHTML这个属性上，只有后一个，前面一个并没有。

可能parseDouble的确没有 但是 parseFloat是有的。

想要给输出加一个颜色的话，需要下面这种写法：

<script type="text/javascript">

    function function1(){

        var number1 = document.getElementById("number1").value;

        var number2 = document.getElementById("number2").value;

        var result=parseInt(number1)+parseFloat(number2);

        document.getElementById("number3").innerHTML="<font color='red'>"+result+"</font>";

    }

</script>

</head>

<body>

<input type="text" id="number1"/>+

<input type="text" id="number2"/>=

<span id="number3"></span>

<input type="button" value="计算" onclick="function1()"/>

容易忘记的点在于：document.getElementById("number3").innerHTML=后面要组拼一下，并且要记得加""进行组拼。

案例8：如果要提交的东西，有操作数1、运算符1、操作数2，和提交按钮，四个值，为什么不加一个表单呢。

数组比较好理解，老师当时也讲得比较清楚，这里就不写了。

计算器，不大会做啊。。

什么是JavaScript？

JavaScript是一种脚本语言，提供用户交互，动态更改内容，数据验证。

主要功能是：1、数据验证 2、网页特效 3、js是脚本语言，所以它的代码也成为js脚本。

数据类型：

客户端脚本语言javascript的更多相关文章

  1. PCB 规则引擎之脚本语言JavaScript应用评测

    世界上没有好做的软件,觉得好做,只是你的系统简单而已,而不是哪个行业简单,特别像我们PCB制造企业务逻辑的很复杂的,仅仅靠决策树中的每个节点布置决策逻辑是不能满足要求的,所以我们在制作PCB规则引擎必 ...

  2. JavaScript 网页脚本语言 由浅入深 （随笔）

    1)基础 学习目的: 1. 客户端表单验证 2. 页面动态效果 3. jQuery的基础 什么是JavaScript? 一种描述性语言,也是一种基于对象和事件驱动的,并具有安全性能的脚本语言 java ...

  3. ECMAScript进化史(1):​话说Web脚本语言王者JavaScript的加冕历史

    互联网起火-Web时代的来临 在行文之前,反手就安利一下<浏览器史话中chrome霸主地位的奠定与国产浏览器的割据混战>. 浏览器始祖NCSA Mosaic在1993年1月发布(于1992 ...

  4. 脚本、脚本语言、shell脚本

    脚本是批处理文件的延伸,是一种纯文本保存的程序,一般来说的计算机脚本程序是确定的一系列控制计算机进行运算操作动作的组合,在其中可以实现一定的逻辑分支等.脚本程序相对一般程序开发来说比较接近自然语言,可 ...

  5. 9月12日JavaScript脚本语言

    JS脚本语言 JS脚本语言全称JavaScript,是网页里面使用的脚本语言,也是一门非常强大的语言. 一.基础语法 1.注释语法 单行注释:// 多行注释:/**/ 2.输出语法 ①alert(信息 ...

  6. VBA中使用JavaScript脚本语言解析JSON数据

    JSON:JavaScript 对象表示法(JavaScript Object Notation) 和xml相似,都是文本形式(保存在文本文件中或字符串等形式),比如: jsstr = {" ...

  7. JavaScript脚本语言基础（一）

    导读: JavaScript代码嵌入HTML文档 JavaScript代码运行方式 第一个实例 JavaScript的三种对话框 定义JavaScript变量 JavaScript运算符和操作符 Ja ...

  8. javascript（脚本语言）

    javascript(脚本语言)一.注释语法:1.单行注释 //注释内容2.多行注释 /*注释内容*/二.输出语法js语言格式,尽量靠下写,属双标签<script type=”text/java ...

  9. 常用脚本语言Perl，Python，Ruby，Javascript一 Perl，Python，Ruby，Javascript

    常用脚本语言Perl,Python,Ruby,Javascript一 Perl,Python,Ruby,Javascript Javascript现阶段还不适合用来做独立开发,它的天下还是在web应用 ...

随机推荐

  1. Good vs Evil

    Good vs Evil Description Middle Earth is about to go to war. The forces of good will have many battl ...

  2. Hadoop家族学习路线图

    主要介绍Hadoop家族产品,常用的项目包括Hadoop, Hive, Pig, HBase, Sqoop, Mahout, Zookeeper, Avro, Ambari, Chukwa,新增加的项 ...

  3. Grid表格属性

    <Grid> <Grid.ColumnDefinitions> <!--添加列--> <ColumnDefinition Width="/> ...

  4. bzoj2286

    很明显,20%=mincut 40%=每次暴力树形dp那么正解是什么呢?不难发现∑ki<=500000,也就是每次询问的复杂度都要跟k有关从树形dp工作的角度来看,确实有很多点我们根本就没必要访 ...

  5. com.google.common.eventbus.EventBus介绍

    以下内容直接翻译了EventBus的注释: com.google.common.eventbus.EventBus介绍: 首先这个类是线程安全的, 分发事件到监听器,并提供相应的方式让监听器注册它们自 ...

  6. BZOJ_1619_[Usaco2008_Nov]_Guarding_the_Farm_保卫牧场_(模拟+bfs)

    描述 http://www.lydsy.com/JudgeOnline/problem.php?id=1619 给出一张图每个点的高度,在一个点上安排守卫可以监视周围所有不高于于当前点的点.也就是类似 ...

  7. VM上成功安装mac os x

    想必很多人在intel . AMD上安装苹果系统,总会遇到很多问题,今天我就将我成功安装的过程给大家分享一下. 下面是我在VM上安装的步骤: 1. 准备软件 OS X Snow Leopard 10. ...

  8. ADO.NET——获取output 和 return值

    程序代码 //存储过程 //Create PROCEDURE MYSQL // @a int, // @b int //AS // return @a + @b //GO SqlConnection ...

  9. codeforces 652D Nested Segments 离散化+树状数组

    题意:给你若干个区间,询问每个区间包含几个其它区间 分析:区间范围比较大,然后离散化,按右端点排序,每次更新树状数组中的区间左端点,查询区间和 注:(都是套路) #include<cstdio& ...

  10. [CODEVS1258]关路灯

    题目描述 Description 多瑞卡得到了一份有趣而高薪的工作.每天早晨他必须关掉他所在村庄的街灯.所有的街灯都被设置在一条直路的同一侧. 多瑞卡每晚到早晨5点钟都在晚会上,然后他开始关灯.开始时 ...