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 相关文章推荐
javascript call方法使用说明
Jan 11 Javascript
js select常用操作控制代码
Mar 16 Javascript
javascript 节点遍历函数
Mar 28 Javascript
实用的Jquery选项卡TAB示例代码
Aug 28 Javascript
悬浮数字的实现案例
Feb 19 Javascript
jquery-tips悬浮提示插件分享
Jul 31 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
Jan 23 Javascript
详解Node.js中的事件机制
Sep 22 Javascript
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
bmob js-sdk 在vue中的使用教程
Jan 21 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 Javascript
JS高级程序设计之class继承重点详解
Jul 07 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编码规范的深入探讨
2013/06/06 PHP
使用session判断用户登录用户权限(超简单)
2013/06/08 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
一键生成各种尺寸Icon的php脚本(实例)
2017/02/08 PHP
Javascript操纵Cookie实现购物车程序
2006/11/23 Javascript
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
实现只能输入数字的input不用replace方法
2013/09/12 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
js的window.showModalDialog及window.open用法实例分析
2015/01/29 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
浅谈Angular 中何时取消订阅
2017/11/22 Javascript
Vue.js 中 axios 跨域访问错误问题及解决方法
2018/11/21 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
2020/05/07 Javascript
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
python正则匹配抓取豆瓣电影链接和评论代码分享
2013/12/27 Python
简单介绍Python中利用生成器实现的并发编程
2015/05/04 Python
在Python的Flask框架中构建Web表单的教程
2016/06/04 Python
Python+树莓派+YOLO打造一款人工智能照相机
2018/01/02 Python
使用pip发布Python程序的方法步骤
2018/10/11 Python
pyqt实现.ui文件批量转换为对应.py文件脚本
2019/06/19 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
python实现单机五子棋
2020/08/28 Python
Jogun Shop中文官网:韩国知名时尚男装网站
2016/10/12 全球购物
国外平面设计第一市场:99designs
2016/10/25 全球购物
英国图书音像网站:Hive.co.uk(图书、电子书、DVD、蓝光、音乐CD等)
2017/10/16 全球购物
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
职位说明书范文
2014/05/07 职场文书
医学检验专业自荐信
2014/09/18 职场文书
售票员岗位职责
2015/02/15 职场文书
Flask使用SQLAlchemy实现持久化数据
2021/07/16 Python
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript
Python pyecharts案例超市4年数据可视化分析
2022/08/14 Python