JavaScript第一章

JavaScript第一章

script

1.直接在head内写

<script type="text/javascript">
		document.write("123456");
	</script>

2.新建JavaScript文件（js）

<script type="text/javascript" src="js/new_file.js"></script>

注：引用不能用href，只能用src。

可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可

alert

弹窗效果

alert();

document

在网页中直接显示内容

document.write();

数据类型

var

所有变量类型都用var

typeof

检测是什么类型 可以进行运算

uundefined：声明后没有被赋值

ustring：字符串

uboolean：true或false

unumber：整数或浮点数

object：javascript中的对象、数组和null

String

CharAt（）

括号内写下标，取下标所对应的字符

例：

var str = "AbaaasbA";

var a = str.charAt(3);

把str内第三个下标下的字符赋值给a

split()

括号内写字符串 将字符串转换成字符串数组

例：

var arr = str.split("");

把str内的字符分开一个一个传给arr

indexOf()

括号内写字符串，下标 查抄指定的字符首次出现的位置 对大小写敏感 如果没有查到指定的字符，则返回-1

例：

if(zfc[i].indexOf("a")!=-1||zfc[i].indexOf("A")!=-1){
					js++;
				}

console.log

在浏览器console内查看结果，跟java的控制台差不多

例：

console.log(arr); 

数组(Array)

var arr2=new Array(6) ;   空数组

var arr3=new Array("a","b","c");

var arr4=["m","o"];

arr3[0]="r";   替换或删除

join

把数组内的元素放入一个字符串内，用分隔符来分割

例：

var aoo = arr4.join("-");

用-把arr4中的两个连接到一块（m-o）

sort

把数组排序（只能排序0-9）

例：

arr4.sort();

数组循环

for(var i in arr3) {
				arr3[i]
			}

选择语句

switch(3 - 1) {
				case 1:
					alert("1111");
					break;
				case 2:
					break;
				default:
					break;
			}

循环结构

var j = 0;
while(j < 10) {
j++;
}

输入方法

窗口输入 prompt

例:

var a = prompt("请输入一个数字", 50);

弹窗输入，出现一个弹窗，可以赋值，可以设置初始值

页面输入 input

例：

姓名： <input type="text" name="" id="" value="" />

页面出现一个输入框，可以输入字符

函数

(常用)parseInt parseFloat isNaN

强制转换类型

parseInt 把字符串转换为整数类型

parseFloat 把字符串转换为浮点型

isNaN 检查参数是否是数字

定义函数

自定义函数 不会自动执行

function 函数名(参数(有参就写，没参就不写)){

​ JavaScript语句

​ （return 返回值）（需要就写，不需要就不写）

}

例：

function study(a) {有参写法
				for(var i = 0; i < a; i++) {
					alert("学习js")
				}
				return a;  函数返回值
			}
			
			自己调用
			study();

函数调用一定要用表单元素一起使用。

事件名=“函数名()”;

例：

              按钮        按钮名称  单击就调用study函数 3是参数
<input type="button" value="单击" onclick="study(3)" />

input补充：

button按钮  onclick单击调用函数   ondblclick双击调用  onmouseover划到按钮就调用   

小练习

输入一共几科成绩算总成绩

	function chengji() {
			var cj = prompt("请输入共几科成绩：");

			var zong = 0;
			for(var i = 1; i <= cj; i++) {
				var cj1 = prompt("请输入第" + i + "科成绩：");
				zong += parseInt(cj1);
			}
			alert(cj + "科成绩一共:" + zong);
		}
		
		<input type="button" value="计算成绩" onclick="chengji()" />