js基本语法2

来源：互联网发布：仿淘宝购物车代码编辑：程序博客网时间：2024/04/30 02:39

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript</title>
<script>
//别人调用的时候输出，我们就写函数
//function getArea(){
// document.writeln("调用函数输出");
//}
//直接调用，没有返回值
//getArea();

//函数调用函数
//function show(){
// getArea();
//}
//show();

//真正函数的用法，是form表控件的调用,比如按钮
function show(){
alert("弹出框");
}

//带参数:什么类型都行
function method(obj){
alert(obj);
}

//传标签对象
function method2(obj){
alert(obj.value);
}

//计算加法
function add(obj1,obj2){
three.value = parseFloat(obj1.value)+parseFloat(obj2.value);
}

function add2(){
three2.value = parseInt(one2.value)+parseInt(two2.value);
}

//计算返回值
function test(){
return 1+2;
}
var hhh = test();
alert(hhh);
</script>
</head>

<body>
<input type="text" value="123456" name="number" />
<br/>
<input type="button" value="点击" onclick="show()" />
<br/>
<input type="button" align="left" value="调用带参数的方法" onclick="method('你好')"/>
<br/>

<input type="button" value="啦啦啦" onclick="method2(this)" />
<br/>

<input type="button" value="啦啦啦啦啦" onclick="method2(number);" />
<hr/>

<input type="button" value="8" onclick="method2(number.value)" />

例子：输入并计算两个数之和：
<input type="text" name="one" />+<input type="text" name="two" />
<input type="button" value="=" onclick="add(one,two)"/>
<input type="text" name="three" />
<br/>

<input type="text" name="one2" />+<input type="text" name="two2" />
<input type="button" value="=" onclick="add2()" />
<input type="text" name="three2" />

</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>homework1</title>
<script>
function add(obj){
if(obj.value==0){
three.value = parseInt(one.value)+parseInt(two.value);
}
if(obj.value==1){
three.value = parseInt(one.value)-parseInt(two.value);
}
if(obj.value==2){
three.value = parseInt(one.value)*parseInt(two.value);
}
if(obj.value==3){
three.value = parseInt(one.value)/parseInt(two.value);
}
if(obj.value==4){
three.value = parseInt(one.value)%parseInt(two.value);
}
}
</script>

</head>

<body>
<input type="text" name="one" />
<select name="s">
<option value="0" selected>+</option>
<option value="1">-</option>
<option value="2">*</option>
<option value="3">/</option>
<option value="4">%</option>
</select>
<input type="text" name="two" />
<input type="button" value="=" onclick="add(s)" />
<input type="text" name="three" />

</body>
</html>

0 0