编程 Javascript

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中的实现方法

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS无限树状列表实现代码

Jan 11 Javascript

juqery 学习之五文档处理包裹、替换、删除、复制

Feb 11 Javascript

js实现无缝滚动图（可控制当前滚动的方向）

Feb 22 Javascript

微信小程序之网络请求简单封装实例详解

Jun 28 Javascript

基于JavaScript实现多级菜单效果

Jul 25 Javascript

Nuxt.js实战详解

Jan 18 Javascript

vue 中引用gojs绘制E-R图的方法示例

Aug 24 Javascript

Vue起步(无cli)的啊教程详解

Apr 11 Javascript

localstorage实现带过期时间的缓存功能

Jun 28 Javascript

微信小程序新闻网站详情页实例代码

Jan 10 Javascript

javascript实现倒计时提示框

Mar 02 Javascript

ant design charts 获取后端接口数据展示

May 25 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

安健A254立体声随身听的分析与打磨

2021/03/02 无线电

thinkphp 框架数据库切换实现方法分析

2020/05/18 PHP

JavaScript监测ActiveX控件是否已经安装过的代码

2008/09/02 Javascript

JavaScript 学习技巧

2010/02/17 Javascript

jQuery bind事件使用详解

2011/05/05 Javascript

JSON 数据格式介绍

2012/01/13 Javascript

jquery日历控件实现方法分享

2014/03/07 Javascript

Jquery 在页面加载后执行的几种方式

2014/03/14 Javascript

JavaScript修改浏览器tab标题小技巧

2015/01/06 Javascript

jQuery中prev()方法用法实例

2015/01/08 Javascript

javascript 兼容各个浏览器的事件

2015/02/04 Javascript

JS前端加密算法示例

2016/12/22 Javascript

详解axios在vue中的简单配置与使用

2017/05/10 Javascript

JS轮播图实现简单代码

2021/02/19 Javascript

Vue-router路由判断页面未登录跳转到登录页面的实例

2017/10/26 Javascript

Vuex 进阶之模块化组织详解

2018/01/12 Javascript

基于 Immutable.js 实现撤销重做功能的实例代码

2018/03/01 Javascript

vue实现多个元素或多个组件之间动画效果

2018/09/25 Javascript

JS函数内部属性之arguments和this实例解析

2018/10/07 Javascript

Vue+webpack项目配置便于维护的目录结构教程详解

2018/10/14 Javascript

vue+element-ui表格封装tag标签使用插槽

2020/06/18 Javascript

Vue+Bootstrap实现简易学生管理系统

2021/02/09 Vue.js

[02:41]DOTA2英雄基础教程冥魂大帝

2014/01/16 DOTA

[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2

2014/07/19 DOTA

python的格式化输出（format,%）实例详解

2018/06/01 Python

解决python3 安装完Pycurl在import pycurl时报错的问题

2018/10/15 Python

Python3实现计算两个数组的交集算法示例

2019/04/03 Python

sklearn的predict_proba使用说明

2020/06/28 Python

python try...finally...的实现方法

2020/11/25 Python

css3 响应式媒体查询的示例代码

2019/09/25 HTML / CSS

架构师岗位职责

2013/11/18 职场文书

大学学习个人的自我评价

2014/02/18 职场文书

优秀经理获奖感言

2014/03/04 职场文书

环境工程专业自荐信范文

2014/06/24 职场文书

部门主管竞聘书

2015/09/15 职场文书

导游词之凤凰古城

2019/10/22 职场文书