初始JavaScript

初始JavaScript

浏览器的执行js的简介

浏览器分为两个部分:渲染引擎和js引擎

渲染引擎:用来解析css和html 俗称内核

js引擎:读取网页中的js代码 对齐处理后运行.

浏览器本身不会执行js代码,而是通过内置的javascript引擎来执行js代码,js引擎执行代码时逐行解释每一句源码,然后计算机在执行.

js的作用

1.表单动态校验(js开发出来的第一目的)

2.网页特效

3服务器断开发(node.js)

4.桌面程序(electron)
5.app开发

6.物联网

7.游戏开发

JS的组成

js由三部分组成

1.EcmAScript (JavaScriptj基础语法)

EcmAScript是由ECMA国际进行标准化的一门编程语言.

javascript或jscript是EcmAScript的拓展.

javascript是由网景公司开发

JScript是微软公司开发.

EcmAScript规定了js的编程语法和基础核心知识

2.DOM–文档对象模型

DOM是w3c组织推荐的处理可扩展标记语言的标准编程接口.

通过Dom提供的接口可以对页面上的各种元素进行操作(大小,位置,颜色等)

3.BOM

是指浏览器对象模型,它提供了独立于内容的,可以与浏览器窗口进行互动的对象结构.通过Bom可以操作浏览器窗口.比如弹出框,控制浏览器跳转,获取分辨率等.

JS三种书写位置

分别为行内.内嵌.和外部

行内式:

<input type="button" value="A1高闪来一个好嘛" onclick="alert('秋梨膏')" >

onclick 为点击的意思 alert为弹出的意思

注意:

1.可以将单行或少量的js代码写在html标签事件属性中(以on开头的属性)

2.注意单双引号的使用:在html中推荐使用的双引号,js中推荐使用单引号

3.可读性差,在html中编写js大量代码时,不方便阅读.

4.引号易出错,引号多层嵌套匹配时,非常容易弄混

5.特殊情况下使用.

内嵌式:

<script>
      alert('wdnmd')
   </script>

1.可以将多行js代码写到<script>中

2.内嵌js是学习时常用的方式.

外部式:

先创建一个后缀名为.js的文件 里面写上代码

然后在 <script src="../my.js"></script>链接进来就可以了

1.利于html页面代码结构化,把大段js代码独立到html页面之外,既美观,也方便文件级别的复用.

2.引用外部js文件的script标签中间不可以写代码

3.适合于js代码量比较大的情况下.

JS的注释

单行注释 //

快捷键 ctrl+/

多行注释/* 代码*/

快捷键 shift+alt+a

在vscoda中了可以自定义注释的快捷键.

JS的输入输出语句

prompt(info) 作用:浏览器弹出输入框,用户可以输入

<script>
       prompt('请输入您的年龄')
 </script>

alert(msg) 作用:浏览器弹出警示框

<script>
 alert('前方高能')
</script>

console.log(msg) 作用:浏览器控制打印输出信息 控制台输出 给程序员测试用的.

<script>
       console.log('芜湖 起飞')
    </script>

以谷歌搜索为例 按下f12 在console中可以看到.

今天的js学习就这样结束了,我们明天再见.