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. 【HDOJ】1222 Wolf and Rabbit

    最大公约数,辗转相除. #include <stdio.h> long long gcd(long long a, long long b) { if (a<b) return gc ...

  2. [转] 舞蹈链（Dancing Links）——求解精确覆盖问题

    转载自:http://www.cnblogs.com/grenet/p/3145800.html 精确覆盖问题的定义:给定一个由0-1组成的矩阵,是否能找到一个行的集合,使得集合中每一列都恰好包含一个 ...

  3. 【 D3.js 选择集与数据详解 — 1 】 使用datum()绑定数据

    选择集和数据的关系是 D3 最重要的基础,在[入门 - 第 7 章]时进行过些许讲解,对于要掌握好 D3 是远远不够的.故此开设一个新的分类,专门讨论选择集与数据的关系,包括数据绑定的使用和工作原理, ...

  4. 【转】Android学习系列(1)--为App签名(为apk签名)

    原文网址:http://www.cnblogs.com/qianxudetianxia/archive/2011/04/09/2010468.html 写博客是一种快乐,前提是你有所写,与人分享,是另 ...

  5. 【转】VS2010/MFC编程入门之二十五（常用控件：组合框控件Combo Box）

    原文网址:http://www.jizhuomi.com/software/189.html 上一节鸡啄米讲了列表框控件ListBox的使用,本节主要讲解组合框控件Combo Box.组合框同样相当常 ...

  6. lightoj 1013

    思路:动态规划.设dp[i][j][k]表示用第一个串的前i隔字符和第二个串的前k隔字符组成长度为i的串的个数,那么:若s1[j+1] == s2[k+1] dp[i+1][j+1][k+1] += ...

  7. curl 使用简介

    Libcurl使用介绍: 四个关键函数: 1.      curl_easy_init() 初始化curl环境,新建curl对象,返回对象句柄,使用举例:    CURL *handler = cur ...

  8. curl检查远程文件是否存在

    size_t processdata(void *buffer, size_t size, size_t nmemb, void *user_p) { //写一个空的写函数 return nmemb; ...

  9. IIS中访问自己开发的Webservice site就自动停止，尝试重启IIS和重启服务器都不能解决。

    今天在加班的时候发现一个奇怪的问题,IIS里面我们自己开发的Webservice site一访问就自动停止.尝试重启IIS和重启服务器都不能解决.后台windows events报错信息是The Mo ...

  10. Docker系列(五)OVS+Docker网络打通示例

    环境说明 两个虚拟机 操作系统Centos7 DOcker版本1.8 脚本内容: 1  4  7  10  19  27  32    33  39   -j ACCEPT 47    48  # R ...