html中alert的⽤法_HTML第⼆课HTML第2课
H TML第2课
在上⼀课中，我已经给⼤家讲了HTML的⼀些基础，今天我们就来开始做第⼀个项⽬——登录页⾯。
先上源代码：
<!DOCTYPE html>
<html>
<head>
<title>登陆。</title>
<meta charset="utf-8">
<script type="text/javascript">
function CheckElementInList(TheElement,TheList){typeof的用法
for(var i = 0;i < TheList.length;i++){
if(TheList[i] == TheElement){
return true;
}
}
return false;
}
function get(ID,typeOfGet="entry"){
if(typeOfGet == "entry"){
ElementById(ID).value;
}
if(typeOfGet == "check"){
ElementById(ID).checked;
}
else{
throw "Cannot getthis type!";
return "Error:Cannot get this type!";
}
}
function checkInput(){
var passwordList = ["password"];
var usernameList = ["username"];
var password = get("E2","entry");
username = get("E1","entry");
if(CheckElementInList(password,passwordList) && CheckElementInList(username,usernameList)){
alert("Logged in");
}
else{
alert("IncorrentUsername or Password!");
}
}
}
function Hello(){
var cookie = kie;
if(cookie != "loggedin"){
alert("Please login!");
}
if(cookie == "loggedin"){
alert("Welcome,"+username);
}
}
Hello();
</script>
<style type="text/css">
body{
background-color:blueviolet;
font-family:'Lucida Sans', 'Lucida SansRegular', 'Lucida Grande', 'Lucida SansUnicode', Geneva, Verdana, sans-serif;
font-size:30px;
}
</style>
</head>
<body>
<h1>This is a loginpage.</h1>
<h2>Username.</h2>
<input type="text" id="E1"/>
<h2>Password.</h2>
<input type="password" id="E2"/>
<br/>  <input type="button" id="Start" value="login" onclick="checkInput();"/>
</body>
</html>
1
这次的代码⽐上⼀次长了很多，但是不⽤担⼼，我们会把这个项⽬拆成好⼏天来学，下⾯先来讲⼀讲我们遇到的⼀个新标签：<script>。
这个标签正如它的名字，写⼊的是脚本。
在HTML⽹页编程中，我们如果不借助⼀些框架，⽐如Python的Django等等，就只能⽤JavaScript来写动态的交互式⽹页。
在HTML语⾔中，想要插⼊⼀段JavaScript代码，就必须使⽤这个标签，否则浏览器会试图把它当成HTML语⾔的代码来处理，进⽽引发⼀系列错误。
2
那么到这⾥，有些⼈可能会纳闷，为什么做个⽹页，得学三种语⾔：JavaScript、CSS和HTML？
这是因为在HTML的语法标准刚刚建⽴的时候，声明⼀个标签可以带样式，让HTML的代码可读性⼤⼤降低，变得⼗分混乱。
后来，Web协会重新制定了HTML标准，把脚本和样式都统⼀放在⼀个独⽴标签⾥。像这样，代码就变得整洁多了。
3
为了做出我们的这个登录页⾯，⾸先我们要学习JavaScript中函数的概念。
在编程语⾔中的函数和数学中的函数很像，给函数⼀个或多个值，它就会返回⼀个或多个值。
在JavaScript中，可以⽤以下⽅法定义⼀个函数：function 函数名(接收值)：代码块
通过以上的伪代码，我们可以⼤致明⽩声明⼀个函数的⽅法。在写函数的接受值时，如果有多个值，则在值和值之间⽤逗号隔开。
下⾯让我们来看⼀个例⼦：
function sum(num1,num2){
return num1 + num2;
}
这就是⼀个最简单的函数。现在让我们写⼀段代码调⽤这个函数：
console.log(sum(1,2));
console.log(num(2,3));
你应该能在浏览器的cosnole中看到⼀下输出：
3
5
END
⼤功告成！你已经创建了⾃⼰的第⼀个JavaScript函数！
在下⼀课中，你将学习怎么获取控件的值以及封装⼀些函数来让⾃⼰的编程更轻松。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。