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 jsFiddle JSBin在线调试器
Mar 14 Javascript
JS冒泡事件的快速解决方法
Dec 16 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 Javascript
AngularJS 过滤与排序详解及实例代码
Sep 14 Javascript
加载 vue 远程代码的组件实例详解
Nov 20 Javascript
JS实现简单的浮动碰撞效果示例
Dec 28 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 Javascript
jQuery操作cookie的示例代码
Jun 05 jQuery
vant 自定义 van-dropdown-item的用法
Aug 05 Javascript
js实现星星海特效的示例
Sep 28 Javascript
vue 实现上传组件
May 31 Vue.js
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 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
浅谈php安全性需要注意的几点事项
2014/07/17 PHP
php使用ereg验证文件上传的方法
2014/12/16 PHP
ecshop 2.72如何修改后台访问地址
2015/03/03 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
JavaScript中null与undefined分析
2009/07/25 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
2015/12/23 Javascript
Ajax使用原生态JS验证用户名是否存在
2020/05/26 Javascript
微信小程序 location API接口详解及实例代码
2016/10/12 Javascript
使用Angular.js实现简单的购物车功能
2016/11/21 Javascript
angularjs实现多张图片上传并预览功能
2017/02/24 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
2017/08/16 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
详解Vue webapp项目通过HBulider打包原生APP
2018/06/29 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
2019/05/08 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
在weex中愉快的使用scss的方法步骤
2020/01/02 Javascript
es6函数之尾调用优化实例分析
2020/04/25 Javascript
Javascript如何递归遍历本地文件夹
2020/08/06 Javascript
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
Python线性回归实战分析
2018/02/01 Python
Python SQLite3简介
2018/02/22 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
Python模块的制作方法实例分析
2019/12/21 Python
Python实现疫情地图可视化
2021/02/05 Python
详解Html5原生拖拽操作
2018/01/12 HTML / CSS
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
.NET是怎么支持多种语言的
2015/02/24 面试题
2014年小学体育工作总结
2014/12/11 职场文书
活动主持人开场白
2015/05/28 职场文书
大学生学习十八届五中全会精神心得体会
2016/01/05 职场文书
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏