JavaScript简介:
JavaScript 是互联网上最受欢迎的编程语言之一,用于为网页添加交互性,处理数据,以及创建各种应用程序(移动应用程序,桌面应用程序,游戏等),这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
1.javascript的用法:
在html中,必须在<script>
</script>
中插入javascript代码。在网页中可以通过head和body添加javascript。
添加到<head>
:可以在html文档中放置任意数量的脚本,通常脚本标签放在html文档头部。
添加到<body>
:为了使html显示不会被脚本加载阻止,可将脚本放在<body>
元素的底部改善页面加载。
2.javascript的输出:
javascript没有任何打印成输出的函数。
输出数据的方式:
(1)使用document.write()方法将内容写到html文档中。
Eg:
<script>
document.write("hello world");
</script>
</body>
(2)使用window.alert()弹出警告框。
Eg:
<script>
window.alert("hello world");
</script>
(3)使用innerHTML写入到html元素。
Eg:
demoP.innerHTML="x=" + x + ", y=" + y;
(4)使用console.log()写入到浏览器的控制台。
document.getElementById(“demo”) 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
innerHTML = “Paragraph changed.” 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。
3.格式化文本(Formatting Text):
可以用html标签来格式化javascript中的文本。
<script>
document.write("<h2>hello world</h2>");
</script>
4.<script>
标签:
它可以使用 language 和 type 两种属性,它们指定脚本类型:
<script language="JavaScript" type="text/javascript">
</script>
但 language 属性已弃用。
5.外部javascript:
在多个不同网页中使用相同的代码时,外部脚本是很实用的,javascript文件的文件后缀是.js。
要使用外部脚本,将脚本文件的名称放在<script>
标签的src属性中。
<script src="demo.js"></script>
外部脚本不能使用<script>
标签包裹,可以在<head>
或<body>
中放置外部脚本引用,将javascript放在外部文件中具有以下优点:
(1)分离html和代码。
(2)使html和javascript更容易阅读和维护。
(3)缓存的javascript文件可以加快页面加载速度。
6.javascript变量:
变量是用于储存信息的“容器”,变量的值可以在整个程序中被修改。javascript中使用var声明变量。
Eg:var x = 5 ;
javascript区分大小写。
(1)赋值运算符:“=”(变量可以被声明为没有值,“undefined”)
(2)变量的应用:
<script>
var x = "小胖你好!";
document.write(x);
</script>
应用变量的好处:当需要修改时,只要修改变量值,所有应用变量的地方就自动变化了。
(3)变量命名的规则:
a.变量必须以字母开头。
b.变量也能以$和_符号开头(不推荐)。
c.大小写不一样。
d.变量名称不能包含空格。
7.数据类型:
(1)基本数据类型:
- 数字:只有一种数字类型。数字可以带小数点,也可以不带。
var x = 34 ;
var x = 34.00;
极大或者极小的数字可以通过科学计数法来书写。
var y = 123e5 ;<!--12300000-->
var y = 123e-5 ;<!--0.00123-->
- 字符串:储存字符的变量,可以是引号中的任意文本,可以使用单引号或双引号。
var pangzi = "yang xiao pang" ;
var pangzi = 'yang xiao pang' ;
但如果想在引号中再使用引号,须使用“\”转意处理引号中的引号。(如果引号类型不同则不用)
var pangzi = "yang \"xiao pang\"" ;
var pangzi = 'yang \'xiao pang\'' ;
转义字符“\”也可以用于将其他特殊字符插入到字符串中。
\’ 单引号 \r 回车 \" 双引号 \t tab制表符
\\ 反斜杠 \b退格符 \n换行 \f 换页符
布尔:布尔只能有两个值:true或false。
当值为0,null,undefined,空字符串时,布尔值为false。
任何拥有值的字符串其布尔值为true。数组:
<script>
var fatty = new Array();
fatty[0] = "杨小胖";
fatty[1] = "景小胖";
document.write(fatty);
</script>
或
<script>
var fatty = new Array("杨小胖","景小胖");
document.write(fatty);
</script>
- 空(null)
- **未定义(**undefined)
(2)复杂数据类型:
- 对象(object)
var fatty = {firstname = "yang",lastname="yi" ,id:1209};
对象的两种寻址方式:
name = person.lastname;
name = person["lasrname"];
声明变量类型:用new声明
var fatty = new String;
javascript变量均为对象,当声明一个变量时,就创建了一个新的对象。
8.算术运算符:
自增和自减:如果放在操作数之前,它返回递增的值,如果放置在操作数之后,它返回原始值。
eg:有int x = 5,y = 6, z;
1.求z=++x + y++;
x = x+1;
z = x+y;
y = y+1;
x=6,z=12,y=7;
2.求z=++x + x++;
x = x+1;
z = x+x;
x = x+1;
x=7,z=12;
3.求x=++x + x++;
x = x+1;
x = x+x;
x = x+1;
x=13;
9.赋值运算符:
"+=" x+=y:x=x+y;
"-=" x-=y:x=x-y;
10.比较运算符:
== 等于
=== 绝对等于(值和类型均相等)
!= 不等于
!== 绝对不等于(值和类型均不相等)
11.逻辑运算符(返回true或false)
eg:x=6,y=3;
&& and(同或) (x<10 && y>1)为true;
|| or(异或) (x==5 || y==5)为false;
! not(非) !(x==y)为true;
有条件(三元)运算符:
var isadult = (age<18)?"未成年人":"成年人";