Javascript基础学习(一）

矫情吗；* 2022-06-16 01:17 215阅读 0赞

首先明确一点，javascript和java半毛钱的关系都没有，两个完全是不同的语言．javascript是一个叫Brendan Eich的人设计出来的，这哥们在两周之内设计出了JavaScript语言。你没看错，这哥们仅仅只用了10天时间。什么是大神，或许这就是大佬吧，一旁瑟瑟发抖．

# 我的第一段 Javascript #

Javascript 能改变 HTML 元素的内容。

<!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一段 JavaScript</h1>
    
    <p id="demo">
    JavaScript 能改变 HTML 元素的内容。
    </p>
    
    <script>
    function myFunction()
    {
    x=document.getElementById("demo");  // 找到元素
    x.innerHTML="Hello JavaScript!";    // 改变内容
    }
    </script>
    
    <button type="button" οnclick="myFunction()">点击这里</button>
    
    </body>
    </html>

## JavaScript：对事件作出反应 ##

### 实例 ###

<!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一段 JavaScript</h1>
    
    <p>
    JavaScript 能够对事件作出反应。比如对按钮的点击：
    </p>
    
    <button type="button" οnclick="alert('Welcome!')">点击这里</button>
    
    </body>
    </html>

## JavaScript：改变 HTML 图像 ##

本例会动态地改变 HTML <image> 的来源 (src)：

<!DOCTYPE html>
    <html>
    <body>
    <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" οnclick="changeImage()" src="/i/eg_bulboff.gif">
    
    <p>点击灯泡来点亮或熄灭这盏灯</p>
    
    </body>
    </html>

我的第一段 Javascript  
  
  
Javascript 能改变 HTML 元素的样式。

<!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一段 JavaScript</h1>
    
    <p id="demo">
    JavaScript 能改变 HTML 元素的样式。
    </p>
    
    <script>
    function myFunction()
    {
    x=document.getElementById("demo") // 找到元素
    x.style.color="#ff0000";          // 改变样式
    }
    </script>
    
    <button type="button" οnclick="myFunction()">点击这里</button>
    
    </body>
    </html>
     
    
    
    
     
    
    
     
     我的第一段 JavaScript 
     
     请输入数字。如果输入值不是数字，浏览器会弹出提示框 
     <!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一段 JavaScript</h1>
    
    <p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
    
    <input id="demo" type="text">
    
    <script>
    function myFunction()
    {
    var x=document.getElementById("demo").value;
    if(x==""||isNaN(x))
    	{
    	alert("Not Numeric");
    	}
    }
    </script>
    
    <button type="button" οnclick="myFunction()">点击这里</button>
    
    </body>
    </html>