JavaScript(基础语法)

来源：互联网发布：java教育编辑：程序博客网时间：2024/06/17 02:54

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）?"未成年人":"成年人"；

阅读全文

0 0