首页 > 代码库 > JavaScript
JavaScript
JavaScript
JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护
什么是JavaScript
JavaScript 被设计用来向 HTML 页面添加交互行为。
JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。
JavaScript 通常被直接嵌入 HTML 页面。
JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)。
JavaScript与Java不同
JS是Netscape公司的产品,前身是LiveScript;Java是Sun公司的产品,现在是Oracle公司的产品。
JS是基于对象,Java是面向对象。
JS只需解释就可以执行,Java需要先编译成字节码文件,再执行
JS是弱类型,Java是强类型。
JS与java一样都区分大小写
JS 引用
<script type="text/javascript" src="http://www.mamicode.com/js文件"> , JS存放的文件扩展名 .js
<script type="text/javascript" >js代码
注意:如果在script标签中定义了src属性,那么标签中的内容不会被执行
JS语法
通常要在每行语句的结尾加上一个分号。
注意:
如果一行中写多条语句,必须使用分号。
如果一条语句需要多行显示,必须之前的半行结尾使用” \”
JS注释
// 单行
// 多行
注意:浏览器对JS兼容
<script type="text/javascript" >
<!--
js代码
-->
</script>
JS变量
格式: var 变量名称;
注意:
默认值类型:undefined
JS类型
原始
number :数字
string :字符串,使用引号引起(单引号或双引号)
boolean :逻辑类型 true false
null :代表的是空,一般用于引用类型赋默认值
undefined :未定义,我们在使用变量时,这个变量没有声明就使用了
引用
JS 运算符
算术运算符:+、-、 、/、%、++、--
注意:
除法/,保留小数位
数字与字符串相加,还是字符串
赋值运算符:=、+=、-=、 =、/=、%=
比较运算符::==、=== 、!=、>、<、>=、<=
=== 全等,需要值和类型同相同
== 相等,需要值相同即可
逻辑运算符::&&、|| 、!
条件运算符(三目元素符号),表达式?value1:value2 (简单if语句)
JS 语句
if语句:if() ... else if () ... else ...
switch() { case x:.. break; ... default ...}
for循环:for( var a = 0 ; a < 10 ; a++){}
while循环: while(){} do{} while()
JS消息框
警告框:alert("消息") , 给用户提示,且用户必须点击“确定”
确认框:var r = confirm("确认信息?") , 用户点击确认返回true,点击取消返回false
提示框:var msg = prompt("提示信息","默认值") ,通过提示,获取用户的操作数据,如果用户录入了数据则返回,如果没有录入返回""
JS 函数
定义
格式1
function 函数名称(形式参数列表){
}
格式2
new Function("a,b","alert(a+b)");
格式3:匿名函数
function(){
}
使用:
标准:函数名(实际参数列表)
其他:函数名(); --可以不用写参数
JS 对象
Array对象 ,数组
创建方式
new Array();
new Array(size);
new Array(element0, element0, ..., elementn);
[]
作业:
扩充
document.getElementById("html id属性的值").value , 获得值
document.getElementById("html id属性的值").value = http://www.mamicode.com/xx ,赋值
事件 onclick
<input type="button" onclick="js函数();"/> ,点击将触发js函数
执行方法
var r = eval("1+2") 进行执行,结果为3
计算器
回顾:数字+字符串结果为字符串