JS基础---JS介绍

231 阅读2分钟

什么是JS?

JS全称 JavaScript,是一种运行在浏览器的编程语言,而HTML则是标记语言。从而实现人机交互效果

JS有什么作用?
  1. 网页特效 (监听用户的一些行为让网页作出对应的反馈)
  2. 表单验证 (针对表单数据的合法性进行判断)
  3. 数据交互 (获取后台的数据, 渲染到前端)
  4. 服务端编程 (node.js)
JS组成有哪两部分组成?
  1. ECMAScript :规定了js基础语法核心知识。比如:变量、分支语句、循环语句、对象等等。也是JS的标准

  2. Web APIs:

    • DOM,操作文档,比如对页面元素进行移动、大小、添加删除等操作,类似于网页标签
    • BOM,操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等

    需要注意,DOM也属于BOM

JS书写位置

1、内部

直接写在html文件里,用script标签包住,且一定要写在结束上面,原因是浏览器执行时会按照代码在文件中的顺序加载 HTML。

<body>
    

    <script>
        alert('JS是个好东西');
    </script>
</body>
2、外部

通过script标签,添加class引入路径(src=' ')引入到html页面中。实际开发中较为常用的一种

<body>
    

    <script src="./JS/Mine.js">

    </script>
</body>

注意:script标签中间不可再书写任何代码,否则会被忽略,无法在页面中显示

3、内联

将代码写在标签里面,这种用法在JS中并不常用,作为了解即可

<body>
    <button onclick="alert('你还是单身狗')">点我</button>
    <button onclick="alert('你偏不听')">不要点我</button>
</body>

注意:当外面是双引号是,里面不可再跟同样的双引号

JS注释及结束符

注释

注释是编写程序时,写程序的人给一个语句、程序段、函数等的解释或提示,能提高程序代码的可读性。注释只是为了提高代码可读性,不会被计算机编译

快捷键:ctrl + /

结束符

意味着语句结束的符号(;),可写可不写,因为在你换行时会自动识别成结束符。当然,在实际日常工作场景中,一般团队负责人会给程序号写好的格式化代码,当你保存时会自动生效

输入和输出语法

什么叫做语法?

如果我们想要操控计算机,去达成我们想要的效果,那么我们就要按照计算机的规则来书写代码

常见的三种输出语法
    <script>
        document.write('要输入的内容')
        // 向body内输出内容,如果输出的内容写的是标签,也会被解析成网页元素
        console.log('控制台');
        // 控制台输出语法,程序员调试使用
        alert('请输入')
        // 页面弹出警告对话框,也叫流氓对话框
    </script>
输入语法:显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字,获取的输入内容是字符串,相当于对话框标题
<body>
    <script>
    prompt('请输入')
    </script>
</body>

字面量

相当于收入多个变量,只需要在括号里加上+即可

<body>
    <script>
        username = prompt('请输入名称?')
        foods = prompt('最喜欢的实物?')
        sport = prompt('最喜欢的运动?')
        hobby = prompt('爱好是什么?')
        
        document.write(username+foods+sport+hobby)
    </script>
</body>