JavaScripts_Day01

最新推荐文章于 2024-07-19 19:53:50 发布

ln822

最新推荐文章于 2024-07-19 19:53:50 发布

阅读量70

点赞数

文章标签： Js

本文链接：https://blog.csdn.net/ln822/article/details/97172515

版权

###JS: => 给页面添加行为
- 不需要编译脚本语言可插入到html页面中由浏览器执行
- 面向对象，弱类型语言

#在html中添加js

1.在元素的事件中去添加事件定义式

2.在head标签中添加 script标签在标签内部写js代码嵌入式

3.文件调用式

#数据类型
1.数值类型(number)
2.字符串类型(String)
3.布尔类型(boolean)
4.undefine
5.null
6.对象类型

#变量的声明	-使用关键字var声明变量，如var x,y;
		-没有初始化的变量则自动取值为undefined
即:变量没有类型，统一用关键字var声明。but变量所引用的数据是有类型的。
-因为js属于弱类型语言，所以声明变量的时候不需要指定变量的类型，直接赋值即可。
	var x=12;
	x="abc";
	var y="abc";
	var z=true;

#JS数据类型
特殊类型		null、undefined
内置对象		Number、String、Boolean、Function(函数)、Array数组
外部对象		window(浏览器对象)	document(文档对象)
自定义对象	Object(自定义对象)

#数值类型
-js中所有数值的底层都是浮点型，在使用的过程中会自动转换类型(类型的隐式转换)
	var x = 10/2;	5
	var x = 5/2;	2.5
-NaN: Not a Number 不是一个数，NaN不和任一个数值相等，包括它自己，
如果需要判断某个变量是否为NaN使用isNaN(x)

1、字符串类型
'' "" 修饰一个字符串
2、布尔类型
	值为true/false
3、undefined 未定义
-此类型只有一个值，值为undefined，变量声明但是没有定义的话，类型和值同为 undefined

...

###函数
1.function 函数名(参数列表){        //常用
	return 返回值;
}
2.var 函数名 = function(参数列表){
	return 返回值;
}
例如:
	/* 第二种声明函数的方式 */
	var run5 = function(name,age){
		alert(name+age);
	}
	/* 两种方式声明，调用方式一样 */
	run5("张三",22);

#和界面相关的函数  
1.获取页面中的元素(标签)
    var nameInput = document.getElementById("name");    //name -> id
2.从文本框中获取用户输入的内容	
    nameInput.value;

例如:      
..
<script type="text/javascript">
	function getName(){
		/* 1.先得到文本框标签 */
		var nameInput = 
				document.getElementById("name");
		/* 2.获取内容并显示 */
		alert(nameInput.value);
	}
</script>
<body>
用户名:<input id="name" type="text">
<input type="button" onclick="getName()" value="获取用户名">
</body>...

3.往元素中添加文本 和 添加html代码
...