什么是Javascript?

239 阅读2分钟

1.什么是Javascript

1.是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。

2.Javascript能做什么

1.做网页特效 (监听用户的一些行为让网页作出对应的反馈)

2.表单验证 (针对表单数据的合法性进行判断)

3.数据交互 (获取后台的数据, 渲染到前端)

4.服务端编程 (node.js)

3.Javascript的组成有哪些

1.ECMAscript

1.规定了js的基础语法核心知识,例如变量、分支语句、循环语句、对象等等

2.Web APIs(包含DOM和BOM)

1.DOM:操作文档,比如对页面元素进行移动、大小、添加删除等操作 2.2

2.BOM: 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等

3.注意的是DOM属于BOM

4.Javascript书写的位置

1.内部式

1.直接写在html文件里,用script标签包住:script标签写在上面。

2.由于浏览器执行js会从上往下执行,如果放到body前面,那么js会在页面结构出现前就展示出来,这样并不优雅。

<body>

    <script>
        document.write('写在body标签底部')
    </script>
</body>

2.外部式

1.通过通过script标签,引入到html页面中,文件代码以.js结尾。

<body>
    
    <!-- 注意的时外部js里面的script标签内不要写js -->
    <script src="./弹出.js"></script>
</body>

2.注意的是不要在script标签内写js。

3.内联式

1.代码写在标签属性内部

2.不建议使用,后期结合VUE。

<body>
    <button onclick="alter('点击会弹出警示框')">按钮一下</button>
</body>

5.javascript的结束符

1.代表语句结束。

2.英文分号 ;

3.可写可不写(现在不写结束符的程序员越来越多)。

4.换行符(回车)会被识别成结束符 ,所以一个完整的语句,不要手动换行。

5.因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符 。

<body>

    <script>

        alert('警示框');
		//这两者都可以,看个人
        alert('这也是警示框')

    </script>
</body>

6.javascript的输入和输出语法

1.什么是语法

1.人和计算机打交道的规则约定

2.我们要按照这个规则去写

3.我们程序员需要操控计算机,需要计算机能看懂

2.输入的语法

  1. 输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户,这便是一次输入和输出的过程。

  2. 语法结构

    <body>
    
        <script>
        //获取的信息是字符串型,需要注意
        prompt('请输出你的名字')
        </script>
    </body>
    

3.输出的语法

<body>

    <script>
    document.write('这是输出在body标签里面的')
    // 注意的是documet是输出在body标签里面的

    alert('这是弹出警示框')
    //alert是弹出警示框的

    console.log('这是输出在控制台给程序员看和调试的')
    //这是控制台输出


    </script>
</body>

`