【JavaWeb】初识JavaScript

最新推荐文章于 2021-08-28 12:04:19 发布

Enjoy96

最新推荐文章于 2021-08-28 12:04:19 发布

阅读量398

点赞数

分类专栏： JavaWeb 文章标签： JavaWebJavaScript

本文链接：https://blog.csdn.net/Enjoy96/article/details/79102006

版权

JavaWeb 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

1.JavaScript的由来图解：

2.JavaScript中常用的两个函数:

（1）在浏览器中弹一个提示框:window.alert("提示框") ;

（2）document.write("输出内容");

3.JavaScript 中的变量和数据类型：

在JavaScript中定义变量:用var定义变量

（1）Java语言是一种强类型语言,而JavaScript是一种弱类型语言
Java语言不能重复定义变量:举例: int a = 10 ; int a = 20 ;(错误的)
而JavaScript语言它是可以重复定义变量,后面定义的变量会覆盖掉前面定义的变量
（2）如何查看Javascirpt变量的数据类型: JavaScript的数据类型是根据变量的值决定的
typeOf(变量名)

JavaScript的数据类型:
1)无论是整数还是小数,都是number类型
2)无论是字符还是字符串,都属于string类型
3)boolea类型:不是true就是false
4)object类型:对象类型

（3）var可以定义JavaScript中的任何数据类型的变量
（4）在JavaScript中,没有被定义的变量它的值:undfined,没有被赋值的变量,它是不直接使用的!

3.在js中的内置对象:
1) String对象
2) Number对象
3) Boolean对象
4) Date对象
5) Array对象

String 对象

1.在Javascript中创建String 对象的方法： var 对象名 = new String("XXX");

例：这样创建两个变量默认比较的是地址值（结果为false）

        var str1 = new String("hello") ;
	var str2 = new String("hello") ;
        document.write(str1==str2+"<br/>") ; //== 默认比较的时候地址值

2.在JavaScript中字符串valueOf() 方法，默认比较的是两个内容是否相同

3.在String 对象中常用的方法：

（1）charAt:返回指定索引位置处的字符
（2）indexOf:返回此String对象中子字符串的索引位置
（3）fontcolor:给字符串内容设置字体颜色
（4）substring :字符串截取功能
（5）split:分功功能

例1：

var s1 = "hello" ;
var s2 = "hello" ;
document.write(s1==s2); // 结果为true

例2：

var str = "helloworld" ;
	
	document.write("charAt:"+str.charAt(4)+"<br/>") ;
	document.write("indexOf:"+str.indexOf("owo")+"<br/>") ;
	document.write("fontcolor:"+str.fontcolor("green")+"<br/>");
	document.write("substring:"+str.substring(5,8)+"<br/>");
	
	document.write("<hr/>");
	
	
	var s = "Java-php-python-c" ;
	
    var strArray = s.split("-");
	for(var i = 0 ; i < strArray.length; i++){
		
		document.write(strArray[i]+"<br/>") ;
	}

结果：

Number对象

1.两种创建Number对象的方式：

（1）var num1 = new Number(100);

（2）var num1 = 100；

注：valueOf 默认比较的是两个的内容

Boolean对象

1.创建Boolean对象:var b = new Boolean(true)；

Date对象

1.Date对象——>文本格式的转换：通过Date对象的一些常用函数获取年、月、日、时......

2.获取事件的函数方法：

（1）获取年份：getFullYear()注：Dtae当中的getYear方法获取的为当前年份和1900年之间的差值

（2）获取月份：getMonth()注：该方法获取的月份为0-11之间的整数，得到实际月份需+1

（3）获取日：getDate()

（4）获取时：getHours()

（5）获取分：getMinutes()

（6）获取秒：getSeconds()

3.window对象中的两个定时器：

（1）setInterval("任务(函数)",时间毫秒值)每经过多少毫秒重复执行这个任务（可重复）
（2）setTimeout("任务(函数)",时间毫秒值)经过多少毫秒后执行一次这个任务（不重复）

4.清除定时器

（1）clearInterval(IntervalId) 清除和setInterval有关的间隔事件
（2）clearTimeout(TimeoutId) 清除和setTimeout有关的超时事件

练习：在网页内生成动态的系统事件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页时间</title>
</head>

<!--将body标签置于script标签之前是为了避免在script内读取的时候出现没有读到span标签内的内容，而出现错误-->
<body>
	当前的系统时间为：<span id="timeTip"></span>
</body>

<script type="text/javascript">
	function myDate(){
		//1)生成系统时间:给定一种格式:例如:2015-6-20 16:00:40
		//创建Date对象
		var date = new Date() ;
		
		//2)构造一个日期字符串:
		var dateStr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"  "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
		
		//3)定位至该标签位置，在body中加入了一行内span标签,给定义id属性,通过id属性获取该span标签对象
		var timeTip = document.getElementById("timeTip") ; 
		
		//4)给span标签对象设置文本内容:将dateStr的内容赋值给它
		//利用标签innerHTML属性：用来给标签设置文本内容的
		timeTip.innerHTML = dateStr ; 
	
	}
	
	
	//设置一个定时器
	//用到的window对象里面两个和定时器相关的方法:
	window.setInterval("myDate()",1000) ;
	
</script>


</html>

Array对象

注：JavaScript是一种弱语言类型，在js中数组中可以存放任何数据类型

1.创建数组对象的两种方式：

（1）方式1：直接new对象

<1>指定数组的长度：var array = new Array(3)

<2>不指定长度，默认长度即为0：var array = new Array()

<3>指定内容：var array = new Array(10,"hello",true,'a');

（2）直接给出元素内容：

var array = [10，"hello",true,'a']；

2.数组中的其他功能：

（1）join：将数组当中的内容拼接成一个新的字符串

（2）reverse：将数组元素翻转（元素顺序发生变化）

例：

<script type="text/javascript">
	var arr1 = ["java","php","python"] ;
	var arr = arr1.join("-");
	document.write(arr+"<br/>");
	
	var arr2 = ["伊卡尔迪","佩里西奇","坎德雷瓦"];
	var arr3 = arr2.reverse();
	document.write(arr2);
</script>