第五次网页前端培训笔记

1.学习内容

JS基础语法： 变量、数据类型、类型转化

2.学习网址

P13-P19:【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibiliJavaScript 教程 | 菜鸟教程

3.基础操作

4.JS基本框架 

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

x=document.getElementById("demo");  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

<script>
function changeImage()
{
    element=document.getElementById('myimage')
    if (element.src.match("bulbon"))
    {
        element.src="/images/pic_bulboff.gif";
    }
    else
    {
        element.src="/images/pic_bulbon.gif";
    }
}
</script>
<img loading="lazy" id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">