首頁  >  文章  >  web前端  >  JavaScript計算值然後把值嵌入到html中的實作方法

JavaScript計算值然後把值嵌入到html中的實作方法

高洛峰
高洛峰原創
2016-12-08 14:02:451733瀏覽

如下:

<!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>

   


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn