Javascript

来源:互联网 发布:梦幻西游175魔化生数据 编辑:程序博客网 时间:2024/06/15 21:47

Javascript 主要运行在浏览器端,也被称为脚本语言,
被设计用来向html页面添加交互行为
是一种解释型语言 (无需预编译),弱类型语言
基于对象的编程语言

  1. JavaScript与html结合的方式

    之一   :  直接写在代码中,通常写在head标签中            《style type="text/javascript">                    alert("1111");            《/style>之二  : 用script标签引入js 文件注意: 引入。js的这个script标签中即使有js代码 也不会被执行《script type="text/javascript" src = "demo.js">《/script>

++++++++++++++++++++++++++++++++++++++++

  1. 关键字:被JS语言赋予特定含义的单词。关键字在编程中出现之后,就具备特定的含义。 在js中没有int double 这些关键字。var  if  for  while  break  continue 等

    标识符:开发者根据自己的需求自己定义的一些标记。
    标识符的组成:数字 、 字母 、 下划线 、$ 不能数字开始,可以用作变量名、函数名、数组名等
    但是标识符不能是关键字。

+++++++++++++++++++++++++++++++++++++++++++

  1. 常量
    Java中的常量:数字, 区分整数和小数
    字符, 用”单引号
    字符串, 用”“双引号
    布尔值, true或false
    null
    JS中的常量 : 数字, 不区分 整数和小数
    字符串, 所有使用单引号或者双引号括起来的
    布尔值, true false
    null
    undefined值
    两者区别:
    Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。
    js 代码
    var a; a == undefined

    Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。
    js 代码

alert(null == document.getElementById(‘notExistElement’));
当页面上不存在id为”notExistElement”的DOM节点时,这段代码显示为”true”

++++++++++++++++++++++++++++++++++++++++++

  1. 变量
    JS中的数据类型:
    2种:基本数据类型和引用数据类型
    基本类型:
    number 类型 :表示js中的所有数值数据。整数和小数
    string类型: 表示js中的所有字符串
    boolean类型:逻辑值
    null值:null
    undefined值:undefined

5关系运算(比较运算)
= : 将右边的值赋值给左边的变量
== :比较左右两边的值,当两边类型不一致,先把两边换算成一致类型再做比较
===:不仅比较两者的值是否相同,还要类型一致

++++++++++++++++++++++++++++++++++++++++++

6.逻辑运算
java中有 & && | || !^
js 只有 && || !
&&: 它有任意一侧为false,结果就是false。
||:有任意一侧为true,结果就是t

++++++++++++++++++++++++++++++++++++++++

7.switch结构
在JDK5之前Java中的switch仅仅只支持4种数据类型:byte short int char
在JDK5中支持了 枚举,在JDK7中支持了 String

+++++++++++++++++++++++++++++++++++++++++++

8.Javascript中定义函数

8.1方法一
《style type =”text/javascript”》
function 函数名 (变量名, 变量名)
{

   }    《/style》

/************************************************/
JS中的函数细节:
a、函数必须被调用才能执行。
b、js中的函数在定义的时候不需要书写返回值类型,因为js是弱类型语言。
c、如果一个函数有返回值,可以直接使用return语句,直接返回数据即可
d、在js中函数没有重载的概念,如果出现了一样的函数,这时后面的函数会把前面的函数覆盖掉
e、在js的函数上,不管写不写参数列表,在调用的时候,可以传递参数,也可以不传递参数。
f、其实在js中的函数中有一个隐式看不见的参数,它会接收传递给当前这个函数的所有数据
这个隐式参数arguments,其实它是一个数组名
g、在js中,如果调用函数的时候,调用语句没有书写小括号,这时相当于把整个函数又赋值给其他的变量.这个变量就可以认为成函数的新名称使用。

8.2方法二
var 函数名 = new function(参数列表, 函数体);
var demo = new Function(“x”,”y”,”return x + y ;”);
alert(demo(3,7));

8.3方法三 匿名函数
function(){
}

/**/在JS中匿名函数必须和JS中的事件一起使用。
例如:html页面加载完成之后执行 该方法
onload = new function(){
alert(“页面加载完成”);
}

9.数组
Java中数组的格式
int[] a = new int[3];
int[] a = new int[]{1, 2, 3};
int[] a = {1, 2, 3};

注意:没有 int[] a = new int[3]{1, 2, 3};

Js中数组格式之一
var a = [数组内容1, 数组内容2];
注意:Js数组中可以存放不同类型的内容,而且不会发生数组脚本越界异常,可以将Js中数组看成是java中的list

JS中数组定义格式之二
var 数组名 = new Array(数组内容或数组长度);
如果new Array(只有一个数字,那么这会默认认为是数组长度,如果是个小数,会程序错误);

10.JS中对象
Array对象表示数组。
Math对象主要处理常用的数学运算。
String对象处理字符串,大部分功能和Java中的String类一致
Date对象,日期对象,和Java中的Date以及Calendar类用法一致。
Boolean对象。
RegExp正则对象。和Java中的Pattern以及Matcher一致

11.Js中全局函数:这些函数不依赖对象,可以全局调用
encodeURI() 对url地址中的数据进行编码
decodeURI() 对编码后的url进行解码
eval() 它可以把一个字符串解析成JS代码,并运行这个JS代码

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

aa. js的小函数

paseInt (8.9) 结果即 8 ,可以将一个小数的整数部位保留下来

bb. for in
for( 变量 in 数组名或者对象名)
{
若遍历的是数组,这里的变量代表着数组的下标,不是数组的元素
}

var elementsArr = document.getElementByName(“heheda”);
for(i in elementsArr){
alert(elementsArr[i]);
}

0 0
原创粉丝点击