JavaScript入门

前端学习第四天

1. 引入方式:

• 使用script标签放在head标签中 <script>代码</script>
• 使用script引入js文件<script src="/hello/js/test.js" type="text/javascript" charset="utf-8"></script>
• 在元素中使用js代码 <input type="button" value="我的按钮" onclick="javascript:alert(1);"/> 不建议使用

2. 变量的类型

• 数字类型 Number
• 字符串类型 String
• 布尔 Boolean
• 未定义或未初始化类型 Undefined
• 空对象 Null
• 复合类型 Object
• typeof 变量名 可以得到变量的类型
• parseInt转为整数类型的数字
• parseFloat转为小数类型的数字

3. 运算符

• .toFixed(1); 保留位数的函数 但会将结果转为字符串
• ==只比较值不比较类型 会使用内置的类型转化算法
• ===除了比较值还要比较类型
• var myarr = [1,2,3]; 定义数组
• for(var x in myarr){console.log(myarr[x]); 遍历数组并输出
• var input = prompt("请输入"); 在js中输入数据
• document.write("html代码");向页面中输出带个格式的数据

4. 函数

• isNaN(字符串变量) 检测字符串是否不能转为数字
• eval(字符串) 将字符串转为数字运算并返回结果
• function 函数名(参数列表){ return 返回值; //代码 }
• 例子

		<script>
			function IClick(){
				console.log("点击测试!");
			}
			function divClick(){
				document.getElementById("Idiv").style.backgroundColor = "lightblue";
			}
		</script>
		<input type="button" value="我的按钮" onclick="IClick()"/>
		<div id = "Idiv" onclick="divClick()" style="height: 50px;width: 50;border: 1px solid black;"></div>
		<!--->常用事件
			onclick     鼠标单击
			onmouseover 指鼠标移入事件
		    onmouseout  指鼠标移出事件
		    onfocus     指获取焦点事件
		    onblur      指失去焦点事件
		    onchange    指内容改变
		    onload      页面加载结束 要作为body的属性使用
		    onkeyup     键盘弹起
		    onsubmit    表单提交
		</!--->

5. document对象

			getElementById("");      获取指定id的单个元素
			getElementsByTagname("p")通过标签名获得元素组
			getElementsByName("")    通过name属性获得元素组
			document.getElementById("div").getElementsByTagName("p") 在元素内查找元素
			若再找不到的话通过属性再次筛选
			
			增加定时函数
			setInterval(函数, 间隔的毫秒数)
			停止定时
			clearInterval(taskid) taskid定时函数返回的值

6. location对象 herf属性可用于跳转标签
7. DOM文档对象模型