19.4.17 javaScript基础 培训第三天

上午

1.span

	<!--行内元素，默认和别人一行-->
		<span>+</span>

2.在js文件夹中新建js文件，在html中引用

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

写在/body前面，不然js里找不到
3.在js文件中获取元素

//1.获取元素=int a
//（1)通过id名获取元素
var a = document.getElementById("box");
//2.通过class名获取元素
var b = document.getElementsByClassName("box");
//3.通过标签名获取元素
var c = document.getElementsByTagName("span");

4.css

//操作css属性
a.style.width = "500px";
a.style.height = "50px";
a.style.background = "lightpink";

html中

<span style="font-size: 10px;">

js中

a.style.fontSize = "30px";

//向元素添加内容
a.innerHTML = "We can last forever!"

7.parseFloat（）

//点击事件 执行后面的无名函数
//btn.onclick = function(){
//	parseFloat()将字符串解析成浮点数并返回
//	解析范围:0~9的数字,小数,正负号,科学计数法
//除此之外无法解析则返回NaN
	var n1 = parseFloat(label1.value);
	var n2 =parseFloat(label2.value);
}

8.弹框

else{
		//弹框
		alert("已经是最大啦！");
	}

9.

<!--下拉菜单-->
		<select id="sColor">
			<option>红色</option>
			<option>绿色</option>
			<option>黄色</option>
		</select>