javascript的特点
- 跨平台
- 安全性 (javasrcipt的代码不能直接访问硬盘的内容)
javasrcipt与java之间区别
- javasrcipt是属于网景公司的产品,java是sun公司的产品
- javasrcipt是基于对象的语言,java是面向对象的语言
- javasrcipt是解释型语言,java是解释、编译型语言
- javascript是弱类型语言,java是强类型语言
如何编写javascript的代码
方式1:可以在使用
<script>
标签体内进行编写- 格式:
<script type="text/javascript"> js代码; </script>
方式方式2:引入外部的
javascript
文件- 格式:
<script src="1.js" typr="text/javascript"></script>
注意
<script>
是有开始标签与结束标签的,千万不要在一个标签中结束了- 如果
<script>
已经用于引入了js文件,那么该<script>
标签体就不能再写js
代码了
javasrcipt常用的函数
- alert(“显示的内容”); //弹出框
- document.write(“数据”);//向页面输出数据
页面的注释
- html
- css的注释 /注释的内容/
- javasrcipt //注释的内容 单行注释 /注释的内容/ 多行注释
javascript的变量声明
- 格式:
- var 变量名 = 数据;
- 声明变量要注意的事项:
- 在javascript中声明变量是 使用var关键字声明的,javascript中的变量可以存储任意的数据类型数据.
- javascript中变量数据类型是根据存储的值决定的,可以随时更改存储数据的类型。
- 定义了多个同名的变量是,后定义的同名变量是覆盖前面定义的同名变量。
- 声明变量的时候可以省略var关键字,但是不建议省略。
javascript的数据类型
typeof
查看变量的数据类型使用格式:
typeof
变量名
数据类型
number
小数与整数string
字符串 注意: javascript中没有字符的概念,只有字符串,字符串可以写在单引号或双引号中。boolean
布尔数据类型undefined
代表该变量没有定义
<script>
document.write("10数据类型是"+(typeof 10)+"<br/>");
document.write("3.14数据类型是"+(typeof 3.14)+"<br/>");
document.write("a数据类型是"+(typeof 'abc')+"<br/>");
document.write("abc数据类型是"+(typeof "abc")+"<br/>");
document.write("abc数据类型是"+(typeof true)+"<br/>");
document.write("a变量数据类型是"+(typeof a)+"<br/>");
</script>
字符串转换成数字
- 字符串转数字
parseInt()
可以把一个字符串转换成整数parseFloat()
可以把一个字符串转换成小数
var a = "12";
a = 12.64;
/*
parseInt方法如果接收的字符串含有非数字的字符,
那么parseInt方法会从字符串的首个字符开始寻找,
一直找到非数字字符为止,然后就使用前面的数字字符转换成数字
*/
a = "123abc123";
a = "a123"; //NaN not a number(不是一个数字)
/*12 如果首位是0,那么就想祛除0再进行转换。*/
a = "012";
/*如果一个字符串是以0x开头,那么会把字符串中的内容当成十六进行的数据处理的。*/
a = "0x10";
var b = parseInt(a);
document.write("结果:"+ b +"<br/>");
var c = "3.14";
c = "10"; //如果是一个字符串是整数的,那么使用parseFloat还是转换 成整数 。
c = "100a";
c = "abc123";
c = parseFloat(c);
document.write("结果:"+ c +"<br/>");
/*
javascript提供一个IsNaN的方法让我们判断该字符串是否是 一个数字。
is not a muber 不是一个数字。
不是一个数字返回true,是一个数字返回false.
*/
document.write(isNaN("123")+"<br/>");
document.write(isNaN("abc123"));
运算符
+
(加法、正数、连接符)
true
是1
;false
是0
;
var a = 1;
document.write((1 + true) + "<br/>");
document.write((1 + false) + "<br/>");
document.write("hello" + 1); //hello1
/
除法
var a = 10;
var b = 3;
//如果两个整数相除不能整数的时候结果还是小数
document.write("除法运算是:" + (a / b) + "<br/>");
- 比较运算符
- 字符串与字符串的比较规则是:
- 情况1:能找到对应位置上的不同字符,那么就比较第一个不同字符的大小;
- 情况2:不能找到对应位置的不同字符,这时候比较的两个字符串的长度;
- 字符串与字符串的比较规则是:
document.write("10大于3吗?" + (10>3) + "<br/>");
//字符串与字符串比较
document.write("10字符串大于3字符串吗?" + ("190" > "19") + "<br/>");
/*
字符串还可以与数字进行比较。
凡是数字与字符串进行比较,
会先把字符串转换成数字再进行比较的。
*/
document.write("10大于字符串9吗?" + (10 > "9") + "<br/>");
- 逻辑运算符
document.write((true&&true) + "<br/>");
document.write((true&&false) + "<br/>");
document.write((false&&true) + "<br/>");
document.write((false&&false) + "<br/>");
document.write((true||true) + "<br/>");
document.write((true||false) + "<br/>");
document.write((false||true) + "<br/>");
document.write((false||false) + "<br/>");
- 三目运算符
- 布尔表达式?值1:值2;
var age = 10;
document.write(age > 18 ? "成年人" : "未成年人");