前端开发笔记（5）js基础

最新推荐文章于 2022-09-11 22:55:49 发布

lxq_xsyu

最新推荐文章于 2022-09-11 22:55:49 发布

阅读量969

点赞数

分类专栏： html5移动开发文章标签：前端开发 js

本文链接：https://blog.csdn.net/dawanganban/article/details/72874352

版权

本文详细介绍了JavaScript的基础知识，包括其在网页中的作用，如实现特效、用户交互等；讲解了入口函数的概念，以及如何在页面加载后执行；探讨了JavaScript中的数据类型，如字符型、数值型、布尔型等；深入解析了函数定义，并展示了不同声明方式；最后，重点讨论了数组的声明、长度获取及常用方法，如push、pop、concat等。

摘要由CSDN通过智能技术生成

js的作用

1、网页特效
2、用户交互
3、表单提交
4、控制结构和样式

入口函数

window.onload = function(){
   
     内部放js
  }

这个函数的意思就是说，当我们页面加载完毕（页面结构样式节点等加载完）之后，采取执行函数体里面的js部分。

所以这句话可以在页面的顶端

<script>
    window.onload = function(){
    
        /*要做事，先找人*/
        var pic1 = document.getElementById("pic1");
        var pic2 = document.getElementById("pic2");
        var pic3 = document.getElementById("pic3");
        pic1.onclick = function(){
    
            document.body.style.backgroundImage = "url(images/1.jpg)";
        }
        pic2.onclick = function(){
    
            document.body.style.backgroundImage = "url(images/2.jpg)";
        }
        pic3.onclick =