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