美文网首页
js基础语法

js基础语法

作者: 你若盛开_lbx | 来源:发表于2020-11-19 18:22 被阅读0次

1.js简介

    js是基于事件和对象驱动,具有相对安全性的解释型的客户端脚本语言

事件和对象是两个专业术语,后面会讲述到。主要就是基于这两个东西。

相对安全性:安全性还不错,实现机制的话较为复杂,就不细说

解释型:不需要编译就可以直接运行

客户端脚本语言:不需要专门的运行环境,直接在浏览器就可以运行看到结果。

2.js的三种引入方式

    1.事件属性

    <div onclick='alert("我是一个粉刷匠")'>点击我弹出一个弹框</div>

    2.内联式

1.添加一个script标签,在</body>之前,或者是在head标签里面都可以(推荐放在</body>之前)

2.在<script></script>标签之间写入js代码,就可以实现效果

    3.外链式

1.添加一个script标签,将标签放在body结束之前或者head标签里面。(推荐body结束之前)

2.在script标签的src属性里面,写上要引入的js文件的路径

3.在对应的js文件里面写js代码即可

注意:不能在外链式的标签里面像内联式一样写js代码了,会被src里面引入的js文件的代码覆盖掉。

3.js的3种输出方式

1.网页输出

        document.write(想要显示的内容)

说明:如果是纯文本,需要用单引号或者双引号将内容引起来

          可以解析标签(写了正确识别并显示对应标签的样式)

2.弹框输出

1.带确认的弹出框

alert('我是一个粉刷匠')

2.带用户输入的弹框

prompt('我是一个粉刷匠')

3.带确认和取消的弹框  

confirm('我是一个粉刷匠')

3.控制台输出

console.log('我是一个粉刷匠')

4.变量

5.js中的数据类型

相关文章

  • JS基础和WebAPIs的关联性

    学习ECMAscript标准规定的基本语法掌握JS基础语法只学习JS基础做不了网页交互效果学习JS基础语法是为了后...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • -----Web APIs-----

    JS学习ECMAScript基础语法是为后面做铺垫,Web APIs才是JS的应用,大量使用JS基础语法做交互效果...

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • web前端 -- Day23 js高级

    js基础 JavaScript简称:JS JS分三个部分: ECMAScript标准---基础的语法 DOM D...

  • 022 JS操作

    JS基础操作 一、分支结构 1、if语句 if 基础语法 if 复杂语法 if 嵌套 2、switch语句 二、循...

  • Dom

    JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

  • DOM

    JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

  • JS基础操作

    JS基础操作 [TOC] 一、分支结构 1、if语句 if 基础语法 >>>阅读全文

  • DOM

    DOM JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

网友评论

      本文标题:js基础语法

      本文链接:https://www.haomeiwen.com/subject/thdliktx.html