客户端脚本语言javascript
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的更多相关文章
- PCB 规则引擎之脚本语言JavaScript应用评测
世界上没有好做的软件,觉得好做,只是你的系统简单而已,而不是哪个行业简单,特别像我们PCB制造企业务逻辑的很复杂的,仅仅靠决策树中的每个节点布置决策逻辑是不能满足要求的,所以我们在制作PCB规则引擎必 ...
- JavaScript 网页脚本语言 由浅入深 （随笔）
1)基础 学习目的: 1. 客户端表单验证 2. 页面动态效果 3. jQuery的基础 什么是JavaScript? 一种描述性语言,也是一种基于对象和事件驱动的,并具有安全性能的脚本语言 java ...
- ECMAScript进化史(1):话说Web脚本语言王者JavaScript的加冕历史
互联网起火-Web时代的来临 在行文之前,反手就安利一下<浏览器史话中chrome霸主地位的奠定与国产浏览器的割据混战>. 浏览器始祖NCSA Mosaic在1993年1月发布(于1992 ...
- 脚本、脚本语言、shell脚本
脚本是批处理文件的延伸,是一种纯文本保存的程序,一般来说的计算机脚本程序是确定的一系列控制计算机进行运算操作动作的组合,在其中可以实现一定的逻辑分支等.脚本程序相对一般程序开发来说比较接近自然语言,可 ...
- 9月12日JavaScript脚本语言
JS脚本语言 JS脚本语言全称JavaScript,是网页里面使用的脚本语言,也是一门非常强大的语言. 一.基础语法 1.注释语法 单行注释:// 多行注释:/**/ 2.输出语法 ①alert(信息 ...
- VBA中使用JavaScript脚本语言解析JSON数据
JSON:JavaScript 对象表示法(JavaScript Object Notation) 和xml相似,都是文本形式(保存在文本文件中或字符串等形式),比如: jsstr = {" ...
- JavaScript脚本语言基础（一）
导读: JavaScript代码嵌入HTML文档 JavaScript代码运行方式 第一个实例 JavaScript的三种对话框 定义JavaScript变量 JavaScript运算符和操作符 Ja ...
- javascript（脚本语言）
javascript(脚本语言)一.注释语法:1.单行注释 //注释内容2.多行注释 /*注释内容*/二.输出语法js语言格式,尽量靠下写,属双标签<script type=”text/java ...
- 常用脚本语言Perl，Python，Ruby，Javascript一 Perl，Python，Ruby，Javascript
常用脚本语言Perl,Python,Ruby,Javascript一 Perl,Python,Ruby,Javascript Javascript现阶段还不适合用来做独立开发,它的天下还是在web应用 ...
随机推荐
- 点这里进入ABP系列文章总目录
基于DDD的现代ASP.NET开发框架--ABP系列之1.ABP总体介绍 ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称. ASP.NET Boi ...
- 安装Intel CPU的Android模拟器
1. 用Android SDK Manager安装Extras/Intel x86 Emulator Accelarator(HAXM) 2. 用Android SDK Manager安装Androi ...
- 基于WebForm+EasyUI的业务管理系统形成之旅 -- 施工计划安排(Ⅶ)
上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页Portal界面拖拽>,主要介绍首页随客户喜好安排区块位置,更好的实现用户体验. 这两天将项目中施工计划管理归纳总结 ...
- 使用vxsim（一）
新建download工程 选择toolchain 这里选SIMNTgnu是为了在vxsim中能下载编译的.o文件 如果是为了下载到visualbox或者vmware中的vxworks,则toolcha ...
- Unity的Lerp函数实现缓动
在Unity里面Lerp函数可以实现缓动效果 下面例子实现点光源的移动 在场景中创建好一个平面,一个点光源,我在这里随便放了一个模型. 然后新建c#脚本,代码如下: using UnityEngine ...
- 利用fgets，fputs的回显程序
#include <stdio.h> #define MAXLINE 20 int main(void) { char line[MAXLINE]; while(fgets(line,MA ...
- vijosP1413 Valentine’s Present
vijosP1413 Valentine’s Present 链接:https://vijos.org/p/1413 [思路] 组合公式. 由题目知:每个箱子中的蛋糕要么与箱子颜色相同,要么指向一个蛋 ...
- vijosP1137 组合数
vijosP1137 组合数 链接:https://vijos.org/p/1137 [思路] 唯一分解定理. 简化式子为 : C = (n*…*m) / (n-m)!. 题目要求C质因子的数目,在质 ...
- iOS开发——GCD多线程详解
GCD多线程详解 1. 什么是GCD Grand Central Dispatch 简称(GCD)是苹果公司开发的技术,简单来说,GCD就是iOS一套解决多线程的机制,使用GCD能够最大限度简化多线程 ...
- 使用ssh协议挂载远程文件目录
安装sshfs 命令:sudo apt-get install sshfs 使用modprobe加载模块 命令:sudo modprobe fuse 设置权限 把下面的<username> ...