当前位置:   article > 正文

Web前端基础——Javascript(JS)_webjs

webjs

目录

一、JavaScript概述

1.1、介绍

1.2、使用方法

1.2.1、标签引用、通过HTML中Script标签进行编写

1.2.2、文件引用

1.3、JavaScript的输出

1.3.1、控制台输出

1.3.2、页面输出

1.3.3、弹出窗口弹出

1.4、注释

二、数据类型

2.1、数据分类

2.2、强制类型转换

2.2.1、转换字符串类型

2.2.2、转换为Number类型

2.2.3、转换为Boolean类型

2.3、this对象

2.4、工厂方法创建对象

2.5、构造函数创建对象

2.6、创建原型对象

2.7、组合继承

2.8、垃圾回收

三、Js部分弹框练习

3.1、确认框(confirm())

3.2、警告框(alert())

3.3、提示框(prompt())

3.4、通过JS跳转网页


一、JavaScript概述

1.1、介绍

        是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行。主要用来实现网页动态效果、用户数据传输交互。它是一种解释型、面向对象语言,不需要编译成机器码在执行,可以直接通过解释器执行,且要注意的是,Js严格区分大小写。

1.2、使用方法

1.2.1、标签引用、通过HTML中Script标签进行编写

 

1.2.2、文件引用

        通过JS文件来书写JS脚本,在HTML中使用script标签进行引用

 

1.3、JavaScript的输出

1.3.1、控制台输出

1.3.2、页面输出

1.3.3、弹出窗口弹出

 

1.4、注释

        一共两种模式,单行注释(// 注释内容)和多行注释(/* 注释内容 */)

二、数据类型

2.1、数据分类

        JS中一共有六种基本数据类型:字符串型(String)、数值型(Number)、布尔型(Boolean)、undefined型(Undefined)、null型(Null)还有除这五种以外的object型。

2.2、强制类型转换

2.2.1、转换字符串类型

        toString()

2.2.2、转换为Number类型

        Number()[非纯数字字符串或undefined会显示NaN]/parseInt()[只用作字符串]

 

2.2.3、转换为Boolean类型

        Boolean()

2.3、this对象

        首先,对象就是我们刚才所说的Object,第六类数据类型,基于这点我们去学习对象中的this指针会更方便。

        解析器调用函数过程中,会调用一个隐含的参数This,this指向的是个对象。

        当以函数形式调用时,this指全局变量,如果是以方法的形式调用,this就是调用该方法的那个对象。

2.4、工厂方法创建对象

        工厂模式是通过一个函数进行对象的创建,其中包含创建新对象、设置属性、设置方法、返回对象。

2.5、构造函数创建对象

        构造函数在工厂模式方法下,做了简化,省略了创建对象和返回对象这两步,使用构建函数创建对象的过程细化一下可以书写为:

        第一步,调用构造函数,创建一个新的对象

        第二步,设置新建的对象为this对象,在构造函数中利用this对象来引用新建对象

        第三步,执行函数剩余步骤

        第四步,new新建对象后,将该对象作为返回值返回

2.6、创建原型对象

        我们将构造函数中设置的全局方法提取出来,将其写入原型对象中,这样绑定后new出来该类的所有实例对象均可调用原型对象中的方法,具体实现过程如下:

2.7、组合继承

        利用构造函数和原型对象方法组合构建,使子类能够继承父类对象的方法和属性。

2.8、垃圾回收

        当对象不再被我们调用,此时这类对象在内存中就属于垃圾,这种垃圾过多会导致程序运行速度降低,需要定期及时清理。

        Js中存在自动的垃圾回收机制,我们不需要做特殊的操作,仅需要将不再使用的对象赋值null即可。

三、Js部分弹框练习

3.1、确认框(confirm())

 

 

3.2、警告框(alert())

3.3、提示框(prompt())

3.4、通过JS跳转网页

        点击4399小游戏后,跳转新网页至4399网页

 

                点击“验证”后,输入“百度”后跳转至百度官网(原网页基础上)

 

        点击“验证”后,输入“淘宝”后跳转至淘宝官网(在新网页基础上)

​​​​​​​

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/酷酷是懒虫/article/detail/836676
推荐阅读
相关标签
  

闽ICP备14008679号