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. bzoj1670

    第一道凸包 采用Andrew算法,不论实现还是理解都非常简单 ..] of longint;     i,j,k,m,n:longint;     ans:double; procedure swap ...

  2. 让VS2010支持HTML5

    一.升级Microsoft Visual Studio 2010到Microsoft Visual Studio 2010 sp1 1.升级方法一这里直接给传送门了 Microsoft Visual ...

  3. 利用HttpWebRequest和HttpWebResponse获取Cookie

    之前看过某个同学的一篇有关与使用JSoup解析学校图书馆的文章,仔细一看,发现竟然是同校!!既然对方用的是java,那么我也就来个C#好了,虽然我的入门语言是java. C#没有JSoup这样方便的东 ...

  4. MySql配置参数很全的Mysql配置参数说明

    MySql配置参数 很全的Mysql配置参数说明 1. back_log 指定MySQL可能的连接数量.当MySQL主线程在很短的时间内得到非常多的连接请求,该参数就起作用,之后主线程花些时间(尽管很 ...

  5. LightOJ 1138 Trailing Zeroes (III) 打表

    就是统计5,然后当时因为发现最多有8000w个5的倍数,然后8000w/100,是80w,打表,二分找 然后我看网上的都是直接二分找,真是厉害 #include <cstdio> #inc ...

  6. HDU-1896 Stones

    http://acm.hdu.edu.cn/showproblem.php?pid=1896 题意:一个人从0开始走起,遇到偶数个石头就踢.要是同一位置有多个石头,则先扔最重的石头(也就是扔的最近的那 ...

  7. 使用Flashbuilder/Flashbuilder-plugins搭建Flex工程每日构建（自动化构建）的方法

    前段时间研究flex工程自动编译的时候,遇到了阻碍,就放下了,直到今天每日构建的问题又一次给项目组带来了麻烦,于是我彻底愤怒了. 最后,我的怒火没有白费,写出来以发泄情绪. [基本原理]: adobe ...

  8. Web---JSP-EL表达式

    EL表达式简介 EL 全名为Expression Language. EL主要作用: 获取数据: EL表达式主要用于替换JSP页面中的脚本表达式,以从各种类型的java对象中获取数据. 执行运算: 利 ...

  9. 解决SQL数据库无法脱机的问题

    数据库无法脱机:原理——有人在占用. 解决办法: select * from master.sys.sysprocesses where dbid=db_id('数据库名称') kill [id]

  10. hibernate4.0+版本和3.0+版本的区别总结

    自己总结下hibernate4.1版本中的新特性和hibernate3.3做区别 1.数据库方言设置 <property name=”dialect”>org.hibernate.dial ...