zoukankan      html  css  js  c++  java
  • JavaScript_2016_8_28

    //写入html输入
    <script>
    document.write("<h1>This is a heading</h1>");
    document.write("<p>This is a paragraph</p>");
    </script>
    <!DOCTYPE html>
    <html>
       <body>
        <h1>
          我的第一段 JavaScript
        </h1>
        <p id="demo">    JavaScript 能改变 HTML 元素的内容。    </p>

        <script>     function myFunction()     {       x=document.getElementById("demo"); // 找到元素       x.innerHTML="Hello JavaScript!"; // 改变内容:改变p内容为“Hello JavaScript!”
    //第二种方法
    //document.getElementById("demo").innerHTML="Hello JavaScrotp!";
        }     </script>     <button type="button" onclick="myFunction()">点击这里</button>   </body> </html>
    <p>
    JavaScript 能够对事件作出反应。比如对按钮的点击:
    </p>
    
    <button type="button" onclick="alert('Welcome!')">点击这里</button> //弹出“Welcome!”

    //改变图像,点亮或关闭灯泡

    <script>
        function changeImage()
        {
            element=document.getElementById('myimage')
            if (element.src.match("bulbon"))
             {
                  element.src="/i/eg_bulboff.gif";
             }
            else
             {
                  element.src="/i/eg_bulbon.gif";
             }
        }
    </script>
    
    <img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
    
    <p>点击灯泡来点亮或熄灭这盏灯</p>       

    //改变样式(如颜色)

        <p id="demo">
        JavaScript 能改变 HTML 元素的样式。
    </p>
    
    <script>
        function myFunction()
        {
            x=document.getElementById("demo") // 找到元素
            x.style.color="#ff0000";          // 改变样式
        }
    </script>
    
    <button type="button" onclick="myFunction()">点击这里</button>

    您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

    document.write("Hello 
    World!");
    <p>点击这里来创建变量,并显示结果。</p>
    
    <button onclick="myFunction()">点击这里</button>
    
    <p id="demo"></p>
    
    <script>
    function myFunction()
    {
    var carname="Volvo";
    document.getElementById("demo").innerHTML=carname;
    }
    </script>
  • 相关阅读:
    4.状态简览
    3.获取git仓库
    2.获取帮助
    1.初次运行git前的配置
    linux命令总结
    使用github参与到开源项目的维护
    mongodb远程连接
    springmvc/springboot处理前台字符串日期自动转换成后台date类型的三种办法
    事务明明配置没有问题,出错时却不执行回滚
    tmux 安装
  • 原文地址:https://www.cnblogs.com/baixiaoxin/p/5814822.html
Copyright © 2011-2022 走看看