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

更新时间：2016年10月29日 10:13:22 投稿：jingxian

下面小编就为大家带来一篇JavaScript计算值然后把值嵌入到html中的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

如下所示：

<!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中的实现方法全部内容了，希望大家多多支持脚本之家~

您可能感兴趣的文章:

js计算系统当前日期是星期几的方法
这篇文章主要为大家详细介绍了js计算系统当前日期是星期几4种方法,需要的朋友可以参考下
2016-07-07
JS设计模式之中介者模式使用方法详解
JavaScript中介者模式是一种行为型设计模式,用于降低多个对象之间的耦合性,在中介者模式中,多个对象之间不直接相互通信,而是通过中介者进行通信, 本文就来给大家详细的介绍一下JS设计模式之中介者模式使用方法,需要的朋友可以参考下
2023-08-08
js如何修改对象数组的key值
这篇文章主要介绍了js如何修改对象数组的key值问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-02-02
微信小程序实现人脸检测功能
这篇文章主要为大家详细介绍了微信小程序实现人脸检测功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-05-05
uniapp组件之tab选项卡滑动切换功能实现
这篇文章主要介绍了uniapp组件之tab选项卡滑动切换功能实现，本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
2023-01-01
javascript实现状态栏文字首尾相接循环滚动的方法
这篇文章主要介绍了javascript实现状态栏文字首尾相接循环滚动的方法,实例分析了javascript定时函数及页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07
7道关于JS this的面试题，你能答对几个
这篇文章主要给大家介绍了7道关于JS this的面试题，来看看你能答对几个，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
JS实现提交表单前的数字及邮箱校检功能
在项目开发中经常会遇到表单提交功能，今天小编抽空给大家分享JS实现提交表单前的数字及邮箱校检功能，需要的朋友参考下吧
2017-11-11
JavaScript设计模式之命令模式
这篇文章主要介绍了JavaScript设计模式之命令模式，对设计模式感兴趣的同学，可以参考下
2021-04-04
纯JavaScript手写图片轮播代码
图片轮播效果在各大网站都可以见到，应用非常广泛，今天小编给大家分享纯js实现手写图片轮播的代码，非常不错具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-10-10