HTML实现加减乘除的计算器+JavaScrip小知识点

下面是一些小的知识点，可以看看，网页的计算机代码在下面，小伙伴们花点耐心，

1、form表单

2、弹框

confirm确认框：例如：你登录一个网站，会有广告弹框，你点击确认他就会给你跳转另外一个页面

alert信息弹框：就例如我们微信、QQ收到消息，手机会有弹框提示

prompt输入框：登陆一个界面，会从上面弹出一个文本框，让你填信息

下面是一些小的知识点，可以看看，网页的计算机代码在下面，小伙伴们花点耐心，

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 floatnum1 = 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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button onclick="js()">+</button>&nbsp;&nbsp;&nbsp;&nbsp;<button>-</button>&nbsp;&nbsp;&nbsp;&nbsp;<button>*</button>&nbsp;&nbsp;&nbsp;&nbsp;<button>/</button><br>计算结果：<input id="n3" type="text" /><br></body>
</html>

HTML实现加减乘除的计算器+JavaScrip小知识点相关推荐

计算机考试运用的数学知识点,计算器的使用知识点
赶考状元小编为您带来初中数学计算器的使用知识点,希望对大家有所帮助初中数学计算器的使用知识点(一) 计算器的使用计算器: 这一小小的程序机器实际上是从计算机中割裂出来的衍生品,但因其方便快捷的操作 ...
简单计算器——JavaScript小实例
简单计算器--JavaScript小实例先来看一下下我们要做的计算器(以iQOO neo5手机计算器为例): 这就是我们今天要做的计算器的模板,成品的样子会略有不同,但功能完善. 好,当我们看到这个 ...
JavaScript 小知识点
原型链相关最详尽的 JS 原型与原型链终极详解 isNaN() 和 Number.isNaN() 的区别 isNaN() 是 ES1 规范: 是全局方法: 如果参数不是一个 Number 类型,会先 ...
Python小知识点（3）--装饰器
Python小知识点(3)--装饰器 (1)装饰器含参数,被装饰函数不含(含)参数实例代码如下: import time # 装饰器函数 def wrapper(func):def done(*ar ...
php-函数小知识点
<?php //语句 //分支语句 /*$a=5; if($a==5) { echo "相等";} else { echo "budeng";}*/ // ...
0607am抽象类接口析构方法tostring小知识点
/* class ren { public static $color;//静态 static function () { ren::$color; self::$color;//self只能写在类里 ...
Python小知识点（5）--面向对象部分
Python小知识点(5)--面向对象部分面向对象: 世间万物,皆可分类.--------------------手机<--------------某一个分类世间万物,皆为对象.------ ...
JS,JQ,PHP的小知识点整理
在日常开发中所使用的JS,JQ,PHP的小知识点整理持续更新-- 1.js和jq获取当前的时间戳方法一: <script>var timestamp = Date.parse(new ...
C语言小知识点练习总结
最近在准备C语言的上级考试,之前对C接触不多,在练习过程中把一些小知识点记录下来. 1.字符串的截取利用strncpy函数,传入三个参数,分别为目标字符串,起始位置,长度. 例如将日期字符串转化为数 ...

HTML实现加减乘除的计算器+JavaScrip小知识点

下面是一些小的知识点，可以看看，网页的计算机代码在下面，小伙伴们花点耐心，

1、form表单

提交方式有两种：

提交方式有两种：

input：属性

2、弹框

confirm确认框：例如：你登录一个网站，会有广告弹框，你点击确认他就会给你跳转另外一个页面

alert信息弹框：就例如我们微信、QQ收到消息，手机会有弹框提示

prompt输入框：登陆一个界面，会从上面弹出一个文本框，让你填信息

parseFloat(),parseInt();

下面界面图，没有设样式之类的，可以直接用，里面有代码注释，职场小白也看得懂

HTML实现加减乘除的计算器+JavaScrip小知识点相关推荐

最新文章

热门文章