zoukankan      html  css  js  c++  java
  • JS学习笔记一

    JS基础知识:

    1.JavaScript:改变 HTML 内容 

    实例

    x=document.getElementById("demo")  //查找元素
    x.innerHTML="Hello JavaScript";    //改变内容

    <script>
    function myFunction()
    {
    x=document.getElementById("demo");  // 找到元素
    x.innerHTML="Hello JavaScript!";    // 改变内容
    }
    </script>

    <button type="button" onclick="myFunction()">点击这里</button>
    2.JavaScript:改变 HTML 样式

    实例

    x=document.getElementById("demo")  //找到元素
    x.style.color="#ff0000";           //改变样式

    <script>
    function myFunction()
    {
    x=document.getElementById("demo") // 找到元素
    x.style.color="#ff0000";          // 改变样式
    }
    </script>

    <button type="button" onclick="myFunction()">点击这里</button>


    3.JavaScript:验证输入

    实例

    if isNaN(x) {alert("Not Numeric")};

    <script>
    function myFunction()
    {
    var x=document.getElementById("demo").value;
    if(x==""||isNaN(x))
        {
        alert("Not Numeric");
        }
    }
    </script>

    <button type="button" onclick="myFunction()">点击这里</button>

    4.JavaScript:改变 HTML 图像
    点击灯泡就可以打开或关闭这盏灯
    <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">

    5.该函数会在点击按钮时被调用
    <
    script> function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } </script> <button type="button" onclick="myFunction()">Try it</button>
  • 相关阅读:
    Mysql里的isnull(),ifnull(),nullif
    懒加载数据
    MyEclipse编辑xml文件没有提示
    java-五子棋游戏源码
    Java版打字练习游戏源码
    Wpf实现图片自动轮播自定义控件
    WP8.1开发:自定义控件
    简单的UIButton按钮动画效果ios源码下载
    自定义的一款选项卡ios源码
    Aisen微博应用源码完整版
  • 原文地址:https://www.cnblogs.com/maojiayan/p/4894532.html
Copyright © 2011-2022 走看看