标签：javascript js html 入门 基础
通常的做法是把函数放入<head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
以下是一个js验证输入是否为空的代码，自己可以在webroot新建一个html文件测试。
<!DOCTYPE html>
<html>
<body>
<h1>我的第一段 JavaScript</h1>
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<input id="demo"type="text">
<script>
function myFunction()
{
varx=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("NotNumeric");
}
}
</script>
<button type="button"onclick="myFunction()">点击这里</button>
</body>
</html>
当然也可以不用函数
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<div id="myDIV">A DIV.</div>
<script>
document.getElementById("demo").innerHTML="HelloWorld";
document.getElementById("myDIV").innerHTML="Howare you?";
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<scriptsrc="myScript.js"></script>
</body>
</html>
myScript.js与jsp文件或者文件位于同一位置，也就是都位于webroot下面。当然，你也可以在webroot下面新建一个folder。
<script>
document.getElementById("demo").innerHTML="My First JavaScript";</script>
<script>
document.write("<p>My First JavaScript</p>");</script>
直接向Java那样，单行“//”即可，多行“/* */”
不用像Java那样，说明int，string类型。全部var。
包括对象类型。
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
函数和Java函数那样，可以带参数，也可以不带，可以有返回值，也可以没有。
一个函数可以调用另外一个函数的返回值。
在html文件中
<button onclick="myFunction(‘Harry Potter‘,‘Wizard‘)">点击这里</button>
<button onclick="myFunction(‘Bob‘,‘Builder‘)">点击这里</button>
在js文件中
<button onclick="myFunction(‘Bill Gates‘,‘CEO‘)">点击这里</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
下面给一个函数互相调用的例子
function myFunction()
{
var x=5;
return x;}
另外一个函数中
var myVar=myFunction();
当然myVar的值为5
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
当a>b是退出函数
标签：javascript js html 入门 基础
原文地址：http://blog.csdn.net/tuntunwang/article/details/42686491
