2月4日学习日志

今天主要学习了JS的相关内容:

 

1.
//放在script里面!
<script></script>

 

2.
//输出一句话
document.getElementById("demo").innerHTML = "我的第一段 JavaScript";
document.write("<h1>我的第一段JAVAScript代码!</h1>");

3.
//访问外部script
<script src="https://www.w3school.com.cn/js/myScript1.js"></script>

 

4.
访问 HTML 元素，JavaScript 可使用 document.getElementById(id) 方法
document.getElementById("demo").innerHTML

5.
//打开页面弹窗输入一个数,并赋值给name
var name = prompt("请输入您的名字","");

6.
//打开一个弹窗
alert("123");

 

7.改变内容:

<p id="demo">JavaScript 能够改变 HTML 的内容。</p>

<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>点击我！</button>

 

2.改变图片
<button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button>

<img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;">

<button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>