JavaScript

JavaScript 函数和事件

<p id="demo" onclick="myfunction()">我的第一个段落</p>
        
<script>

   function myfunction()
   {
       document.getElementById("demo").innerHTML ="修改段落";
   }

　　window.alert("单大源");　　    //弹出警告框来显示数据

</script>

JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值。

当您向变量分配文本值时，应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。

使用逗号分隔变量。

你可以使用字符来定义和创建 JavaScript 对象:

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

调用带参数的函数

<p>点击这个按钮，调用带参数的函数</p>

<button type="button" onclick="myfunction('单','大源')">点这里</button>

<script>
    function myfunction(a,b){
          alert("我叫"+ a + b +"!"+"大家好！" );
    }
</script>

函数很灵活，您可以使用不同的参数来调用该函数，这样就会给出不同的消息：

实例：

<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<button onclick="myFunction('Bob','Builder')">点击这里</button>

JavaScript 全局变量

变量在函数外定义，即为全局变量。

全局变量有 全局作用域: 网页中所有脚本和函数均可使用。 

var carName = " Volvo";
 
// 此处可调用 carName 变量
function myFunction() {
    // 函数内可调用 carName 变量
}

如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。

以下实例中 carName 在函数内，但是为全局变量。

// 此处可调用 carName 变量
 
function myFunction() {
    carName = "Volvo";
    // 此处可调用 carName 变量
}

函数参数只在函数内起作用，是局部变量。

if  else 小例子：

　　　　 <p>如果时间早于20:00,会显示"Good day",如果时间晚于20:00,会显示"Good evening"</p>
        <button onclick="myfunction()">点击这里</button>
        <p id="demo"></p>


        <script>
            function myfunction()
            {
                var x="";
                var time=new Date().getHours();
                
                if(time<19)
                {
                    x="Good day";
                }else{
                    x="Good eveing";
                }
                document.getElementById("demo").innerHTML=x;
            }
        </script>

jquery：

$(".top").addClass('on').siblings().removeClass('on');

给class名为top的元素添加class名on同时class名为top的元素同级的元素移除掉class名on

js的教程：

https://www.liaoxuefeng.com/wiki/1022910821149312/1023021087191360

做个下拉的日期选择器：

<input type="date" value="2019-08-31">

写上传文件的按钮：

<input type="file">