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>
  • 相关阅读:
    Linux常见命令
    关于SpringBoot开发微信模板推送
    SpringBoot使用ModelAndView时配置视图解析器
    自定义SpringBoot控制台输出的图案
    关于Maven整合SSM项目中报错Invalid bound statement (not found):的问题解决
    Mysql 经典案例总结(学习之前需要有Mysql基础)01
    认识Java Spring 框架
    设计模式1--简单工厂
    C#中扩展方法
    苹果MDM原理和实现过程
  • 原文地址:https://www.cnblogs.com/baixiaoxin/p/5814822.html
Copyright © 2011-2022 走看看