静语培训第十六天

最新推荐文章于 2021-10-12 07:08:39 发布

db9752807

最新推荐文章于 2021-10-12 07:08:39 发布

阅读量85

点赞数

原文链接：http://www.cnblogs.com/Bitch-Zhang/p/9523270.html

版权

第十六天，开始感受JS的乐趣

学习时长：若干小时

2018年8月23日晴

天变得很凉快了，适合学习。

直接上代码：

小练习代码;

<!DOCTYPE html>

<html>

<head>

<title>IFE ECMAScript</title>

</head>

<body>

window.onload = function(){

var arr = document.getElementsByTagName('button');

var getid;

for(var i = 0;i<arr.length;i++)

{

arr[i].onclick = function()

{

var x = parseInt(document.getElementById("first-number").value),

y = parseInt(document.getElementById("second-number").value);

getid = this.id;

switch(getid)

{

case "add-btn":result.innerHTML = x + y;break;

case "minus-btn":result.innerHTML = x - y;break;

case "times-btn":result.innerHTML = x * y;break;

case "divide-btn":result.innerHTML = x / y;break;

}

</script>

</body>

</html>

简历代码：

<html>

<head>

<title>张旭的个人简历</title>

</head>

<style>

h1 {

text-indent:50px;

color:white;

height: px;

width: max;

background: rgb(72, 72, 78);

float: top;

font-size: 40px;

font-weight:900;

padding-top: 3%;

padding-bottom: 3%;

margin:0%;

font-family:Microsoft YaHei;

}

h2 {

font-size:20px;

text-align:center;

background:rgb(147, 147, 151);

margin:0;

border-width:1px;

border-style:none none solid none;

border-color:white;

height:110px;

line-height: 110px;

width:120px;

clear: both;

float:left;

font-weight:900;

padding-top: 1%;

padding-bottom: 1%;

font-family:Microsoft YaHei;

}

border-width:1px;

border-style:none none solid none;

border-color:rgb(147, 147, 151);

height:110px;

font-weight:900;

padding-left:10%;

padding-top: 1%;

padding-bottom: 1%;

margin: 0%;

font-family:Microsoft YaHei;

}

</style>

<body>

<a href="#" id="dowloadRe">下载简历</a>Ι

<a href="https://github.com/infrontofme">GitHub</a>Ι

</div>

<button id="和你打招呼">和你打招呼</button>

<button id="点开看看我的特殊爱好">点开看看我的特殊爱好</button>

<p>姓名：张旭&ensp; &ensp; 性别：男&ensp; &ensp;&ensp; 应聘职位：web前端工程师</p>

<p>手机：17854278528&ensp; &ensp; email：<b><a href="http://1312096632@qq.com/" target="_blank">1312096632@qq.com</a></b> &ensp; &ensp; 个人主页：<b><a href="http://www.cnblogs.com/Bitch-Zhang/" target="_blank">贱人张的博客园</a></b></p>

<p>技术能力：熟练掌握HTML,CSS,JS<br>综合能力：良好的沟通，主动积极，努力勤奋</p>

<p>本科<br>静语前端技术学院</p>

</body>

document.getElementById("dowloadRe").onclick = function(){

document.getElementById("dowloadRe").href = "005-16_caidan.html";

window.location.href="005-16_caidan.html";

}

document.getElementById("和你打招呼").onclick = function(){

alert('你好呀');

}

document.getElementById("点开看看我的特殊爱好").onclick = function(){

alert('我喜欢你');