js入门

1. 直接写入

document.write("<h1>这是一个标题</h1>");

2.对事件的反应

 <button type="button" onclick="alert('欢迎!')">点我!</button>

/3.改变html内容

    <p id="demo">
      javascript 可以改变html内容
    </p>
    <script>
function myFunction() {
        x = document.getElementById("demo");
        x.innerHTML = "Hello JavaScript";
      }
    </script>
    <button type="button" onclick="myFunction()">改变内容</button>

 4.改变HTML图像 

     <script>
        function changeImage(){
            element=document.getElementById('myImage');
            element.src=element.src.match('bulbon')?"images/pic_bulboff.gif":"images/pic_bulbon.gif";
        }
    </script>
    <img id='myImage' onclick="changeImage(this)" src='images/pic_bulboff.gif' width="100" height="180">

5.验证输入 

<input id="demo02" type="text">

<script>

function verify(){

var x=document.getElementById("demo02").value;

if(x==""||isNaN(x)){

alert("不是数字");

}

}

</script>

<button type="button" onclick="verify()">验证输入</button>

6.写到 HTML 文档 

<script>

document.write(Date());

</script>

7.写到控制台

<script>

a = 5;

b = 9;

c = a + b;

console.log(c);

</script>

8.JavaScript 数据类型https://www.runoob.com/js/js-datatypes.html