下面是一些小的知识点，可以看看，网页的计算机代码在下面，小伙伴们花点耐心，
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();
下面界面图，没有设样式之类的，可以直接用，里面有代码注释，职场小白也看得懂
<!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>
|
