第60节:Java中的JavaScript技术
前言:
JavaScript是什么呢?它是一种基于对象和事件驱动的脚本语言,主要是应用于客户端上的.JavaScript它可以做到信息的动态交互,具有交互性,它不允许直接访问本地硬盘,具有安全性,JavaScript是一种跨平台性的一种语言,和平台无关,只有是可以解释JavaScript的浏览器可以执行.
JavaScript我们只要知道它具有交互性,安全性,跨平台性就行.
JavaScript是Netscape公司的产品,它之前的名字为LiveScript,我们学的Java是sun公司的产品,现在是Oracle公司的产品.
特点,我们学习的Java语言是面向对象的编程语言,而JavaScript是基于对象的语言.对于JavaScript来说,是弱类型的语言,而Java是强类型的.在JavaScript中只需要解释就可以执行,而对于Java来说,需要先编译成字节码文件,才能再次执行.
JavaScript用于html中,代码融入到Html中都是以标签的形式.
格式:
<script>．．.</script>
<script src=”test.js” type=”text/javascript”></script>
JavaScript语法
JS语法学习起来比较容易,有变量，语句，函数，数组等常见语言组成元素.
变量
var x = 2;
x = “hello dashucoding”;
// 特殊
特殊的常量值：undefined
变量的值是: undefined（未定义）运算符
&& || 是逻辑运算符 & | 是位运算符
var x = 520/100*100; x = 520
而不是500
var x = 1.4+1.6 ; x = 3
而不是3.0
x = “11” – 1 ; x = 10
var x = 2;
var y = “123”;
var z = false;
typeof(x); //number
typeof(y); //string
typeof(z); //boolean语句
- 判断结构
- 选择结构
- 循环结构
函数
格式:
function 函数名(形式参数...)
{
执行语句；
return 返回值；
}
function demo(x,y)
{
alert(x+y);
}
demo(2,3);
window.onload = function()
{
alert(“load ok”);
}数组: 可以存任意元素，长度是可变的
遍历数组
for(var x=0; x<arr.length; x++)
{
alert(arr[x]);
}对象
function Person()
{
}
function Person(name,age)
{
this.name = name;
this.age = age;
}
var p = new Person(“dashucoding”,20);
with(对象)
{
}
for...in语句
for(x in p)
{
}
实例
var a = 2;
function setValue(a){
a = 3;
}
setValue(a);
答案为: 2;数组:
// 数组是一个容器,其长度是可以变的,即是可以添加
<script type="text/javascript">
// 数组
var arr = [];
// 定义一个长度为0的数组.
var arr = [3,55,2,8];
var[2] = 12;
document.write("length="+arr.length);
for(var x=0;x<arr.length;x++){
document.write(arr[x]+" ");
}
</script>实例:
// 最大值
function getMax(arr){
var max = arr[0];
for(var x=1; x<arr.length; x++){
if(arr[x]>max){
max=arr[x];
}
}
return max;
}方法 | 描述 |
|---|---|
concat() | 连接连个或更多的数组,并返回结果 |
join() | 把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔 |
pop() | 删除并返回数组的最后一个元素 |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度. |
reverse() | 颠倒数组中元素的顺序 |
shift() | 删除并返回数组的第一个元素 |
slice() | 从某个已有的数组返回选定的元素 |
sort() | 对数组的元素进行排序 |
splice() | 删除元素,并向数组添加新元素 |
toString() | 把数组转换为字符串,并返回结果 |
toLocaleString() | 把数组转换为本地数组,并返回结果 |
unshift() | 向数组的开头添加一个或更多元素,并返回新的长度. |
valueOf() | 返回数组对象的原始值 |
JavaScriptsort()方法
定义和用法:
sort() 方法用于对数组的元素进行排序.
// 语法:
arrayObject.sort(sortby)参数 | 描述 |
|---|---|
sortby | 可选,规定排序顺序,必须是函数. |
返回值是:对数组的引用.
方法 | 描述 |
|---|---|
big() | 用大号字体显示字符串 |
blink() | 显示闪动字符串 |
bold() | 使用粗体显示字符串 |
charAt() | 返回在指定位置的字符 |
concat() | 连接字符串 |
indexof() | 检索字符串 |
italics() | 使用斜体显示字符串 |
link() | 将字符串显示为链接 |
small() | 使用小字号来显示字符串 |
split() | 把字符串分割为字符串数组 |
sub() | 把字符串显示为下标 |
方法 | 描述 |
|---|---|
Date() | 返回当日的日期和时间 |
getDate() | 从Date对象返回一个月中的某一天 |
getDay() | 从Date对象返回一周中的某一天 |
getMonth() | 从Date对象返回月份 |
getYear() | 从Date对象以两位或四位数字返回年份 |
getHours() | 返回Date对象的小时 |
getMinutes() | 返回Date对象的分钟 |
getSeconds() | 返回Date对象的秒数 |
prototype属性
返回对象类型原型的引用
objectName.prototype
objectName 参数是对象的名称.
JavaScript charAt()方法
定义和用法:
charAt()方法可返回指定位置的字符.
stringObject.charAt(index)
js面向对象的开发
<script type = "text/javascript">
function Per(){
alert();
}
var p = new Per();
p.name = "dashucoding"
p.age = 20;
p.show = function(){
alert(this)
};
function Per(name,age){
this.name = name;
this.age = age;
this.setName = function(name){
this.name = name;
};
this.getName = function(){
return this.name;
};
this.toString = function(){
return " P " + name + "" + age;
};
}
</script>