一，效果图。

 

\"\"

二，代码。

 

\"复制代码\"

<!DOCTYPE html>
<html>

<head>
    <  charset=\"utf-8\">
    < >  运算符</ >
</head>

<body>
    <!-- yu运算符-->
    <p>惦记按钮计算</p>
    <button  =\"myFunction0()\">点击这里</button>
    <p id=\"demo0\"></p>
    < >
    function myFunction0() {
        y = 5;
        z = 2;
        x = y + z;
        document.getElementById(\"demo0\").innerHTML = x;
    }
    </ >
    <!--用于字符串的+运算符-->
    <p>点击按钮创建及增加字符串变量</p>
    <button  =\"myFunction()\">点击这里</button>
    <p id=\"demo\"></p>
    < >
    function myFunction() {
        txt1 = \"What a very\";
        txt2 = \"nice day\";
        txt3 = txt1 + txt2;
        document.getElementById(\"demo\").innerHTML = txt3;
    }
    </ >
    <!--在字符串中增加空格-->
    <p>点击按钮创建及增加字符串变量。</p>
    <button  =\"myFunction1()\">点击这里</button>
    <p id=\"demo1\"></p>
    < >
    function myFunction1() {
        txt1 = \"What a very \";
        txt2 = \"nice day\";
        txt3 = txt1 + txt2;
        document.getElementById(\"demo1\").innerHTML = txt3;
    }
    </ >
    <p>点击按钮创建及增加字符串变量</p>
    <button  =\"myFunction2()\">点击这里</button>
    <p id=\"demo2\"></p>
    < >
    function myFunction2() {
        txt1 = \"what a very\";
        txt2 = \"nice day\";
        txt3 = txt1 + \" \" + txt2;
        document.getElementById(\"demo2\").innerHTML = txt3;
    }
    </ >
    <!--对字符串和数字进行加法运算-->
    <P>点击按钮创建及增加字符串变量</p>
    <button  =\"myFunction()\">点击这里</button>
    <p id=\"demo3\"></p>
    < >
    function myFunction() {
        var x = 5 + 5;
        var y = \"5\" + 5;
        var z = \"hello\" + 5;


        var demoP = document.getElementById(\"demo\");
        demoP.innerHTML = x + \"<br>\" + y + \"<br>\" + z;
    }
    </ >
</body>

</html>

\"复制代码\"

 

 

参考资料：《菜鸟教程》

继续阅读与本文标签相同的文章

无标签
最新文章 最热文章
收藏 打印

特别推荐 2026年05月19日 星期二

精彩发现

热门标签

阻止表单提交 窗口 关闭浏览器 清除 CDATA css文件 光标位置 坐标 javascrpt !important 超链接 数字

相关文章