JavaScript計算值然后把值嵌入到html中的實現(xiàn)方法

更新時間：2016年10月29日 10:13:22 投稿：jingxian

下面小編就為大家?guī)硪黄狫avaScript計算值然后把值嵌入到html中的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

如下所示：

<!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>假設(shè)y=5,計算x=y+2,并顯示結(jié)果.</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>

以上就是小編為大家?guī)淼腏avaScript計算值然后把值嵌入到html中的實現(xiàn)方法全部內(nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

Javascript閉包用法實例分析
這篇文章主要介紹了Javascript閉包的概念及用法,以實例形式深入淺出的分析了閉包的功能及使用時的注意事項,非常具有實用價值,需要的朋友可以參考下
2015-01-01
微信小程序?qū)崿F(xiàn)圖片處理小工具的示例代碼
本文將利用微信小程序制作一個簡易的圖片處理小工具（自制低配版美圖秀秀），有濾鏡、效果圖和動態(tài)濾鏡三個功能，快跟隨小編一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
JavaScript Fetch API請求和響應(yīng)攔截詳解
這篇文章主要為大家介紹了JavaScript Fetch API請求和響應(yīng)攔截詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11
JS裝飾者模式和TypeScript裝飾器
學(xué)習(xí)的目的是對裝飾者模式模式有進(jìn)一步的理解，并運用在自己的項目中；對TypeScript裝飾器的理解，更好的使用裝飾器，例如在nodejsweb框架中、vue-property-decorator中，或者是自定義裝飾器，能熟練運用并掌握其基本的實現(xiàn)原理。
2021-04-04
利用JavaScript實現(xiàn)ISO周日歷
周日歷是日常生活中不常用到的歷法系統(tǒng)，一般用于政府、商務(wù)的會計年度或者學(xué)校教學(xué)日歷中。本文將利用JavaScript制作個簡單的周日歷，感興趣的可嘗試一下
2022-07-07
在瀏覽器中獲取當(dāng)前執(zhí)行的腳本文件名的代碼
同事提了一個問題，如何在瀏覽器中動態(tài)插入的 JavaScript 文件中，獲取當(dāng)前文件名？
2011-07-07
微信小程序畫布顯示圖片繪制矩形選區(qū)效果
這篇文章主要介紹了微信小程序畫布顯示圖片繪制矩形選區(qū)效果,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
2024-05-05
微信小程序?qū)崿F(xiàn)橫向增長表格的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)橫向增長表格的方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-07-07
限制復(fù)選框最多選擇項的實現(xiàn)代碼
下面小編就為大家?guī)硪黄拗茝?fù)選框最多選擇項的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
解決layui上傳文件提示上傳異常,實際文件已經(jīng)上傳成功的問題
今天小編就為大家分享一篇解決layui上傳文件提示上傳異常,實際文件已經(jīng)上傳成功的問題。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08