下面是一些小的知识点,可以看看,网页的计算机代码在下面,小伙伴们花点耐心,
1、form表单 form提交数据
提交方式有两种:action提交路径,mothod提交方式
提交方式有两种:get显示数据,post隐藏数据,
input:属性 name起名字,id唯一,checked单选框选中,selected下拉框选中,select下拉框,option列表选项,textarea文本域,text文本框,password密码框,radio单选按钮,CheckBox多选框,submit提交按钮,image图片提交按钮,file文件提交
2、弹框 confirm确认框:例如:你登录一个网站,会有广告弹框,你点击确认他就会给你跳转另外一个页面
alert信息弹框:就例如我们微信、QQ收到消息,手机会有弹框提示
prompt输入框:登陆一个界面,会从上面弹出一个文本框,让你填信息 3、打印语句 页面打印:document.write 控制台打印:console.info(); (document.getElementByID('对对对').value) 4、单击事件、函数格式 <button οnclick="js()">+</button> function js(){} 5、根据标签id获取标签对象的语法 decument.getElemenByID("ggg").value=值; 6、判断对象的数据类型 alert(typeof(值)) 7、数据类型转换
parseFloat(),parseInt();
下面界面图,没有设样式之类的,可以直接用,里面有代码注释,职场小白也看得懂
代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//函数格式
function js(){
//获取第一个数字
var num1 = document.getElementById('n1').value;
//把num1转换为数字:int float
num1 = parseFloat(num1);
//获取第二个数字
var num2 = document.getElementById("n2").value;
num2 = parseFloat(num2);
//计算结果
var sum = num1+num2;
//把结果赋值到第三个文本框
document.getElementById("n3").value=sum;
}
</script>
</head>
<body>
第一个数:<input id="n1" type="text" />
<br>
第二个数:<input id="n2" type="text" />
<br>
<button onclick="js()">+</button>
<button>-</button>
<button>*</button>
<button>/</button>
<br>
计算结果:<input id="n3" type="text" />
<br>
</body>
</html>