JavaScript计算值然后把值嵌入到html中的实现方法


Posted in Javascript onOctober 29, 2016

如下所示:

<!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>
</head>

<body>
	<p>假设y=5,计算x=y+2,并显示结果.</p>
	<button type="button" onclick="myFunction()">点击这里</button>
	<p id="pid"></p>
	
	<script>
		function myFunction()
		{
			var y=5;
			var x=y+2;
			var demoP=document.getElementById("pid");
			demoP.innerHTML="x="+x;
		}
		
	</script>
</body>
</html>

JavaScript计算值然后把值嵌入到html中的实现方法

以上就是小编为大家带来的JavaScript计算值然后把值嵌入到html中的实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
mouse_on_title.js
Aug 25 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
Oct 20 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 Javascript
easyui validatebox验证
Apr 29 Javascript
用JS实现轮播图效果(二)
Jun 26 Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
Feb 11 Javascript
Angular2实现组件交互的方法分析
Dec 19 Javascript
vue template中slot-scope/scope的使用方法
Sep 06 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
原生js实现日历效果
Mar 02 Javascript
JS中的const命令你真懂它吗
Mar 08 Javascript
JS给Array添加是否包含字符串的简单方法
Oct 29 #Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 #Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 #Javascript
RequireJS简易绘图程序开发
Oct 28 #Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 #Javascript
微信小程序 页面跳转传参详解
Oct 28 #Javascript
微信小程序 wx:key详细介绍
Oct 28 #Javascript
You might like
php中session_unset与session_destroy的区别分析
2011/06/16 PHP
PHP中register_globals参数为OFF和ON的区别(register_globals 使用详解)
2012/02/05 PHP
PHP设置images目录不充许http访问的方法
2016/11/01 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
JS定时器实例
2013/04/17 Javascript
javaScript实现浮点数转十六进制字符
2013/10/29 Javascript
javascript 获取函数形参个数
2014/07/31 Javascript
JS实现清除指定cookies的方法
2014/09/20 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
Bootstrap栅格系统的使用详解
2017/10/30 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
前端防止用户重复提交js实现代码示例
2018/09/07 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
vue实现全屏滚动效果(非fullpage.js)
2020/03/07 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
python字典的常用操作方法小结
2016/05/16 Python
Django如何配置mysql数据库
2018/05/04 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
python 批量修改 labelImg 生成的xml文件的方法
2019/09/09 Python
Python 复平面绘图实例
2019/11/21 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
Python生成器next方法和send方法区别详解
2020/05/30 Python
详解python变量与数据类型
2020/08/25 Python
python3 通过 pybind11 使用Eigen加速代码的步骤详解
2020/12/07 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
医学生自荐信
2013/12/03 职场文书
咖啡厅创业计划书范本
2014/01/22 职场文书
汽车促销活动方案
2014/03/31 职场文书
Nginx配置并兼容HTTP实现代码解析
2021/03/31 Servers
Python机器学习之基于Pytorch实现猫狗分类
2021/06/08 Python