一、JavaScript简介
时间:2021-07-12
本文章向大家介绍一、JavaScript简介,主要包括一、JavaScript简介使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
一、JavaScript语言特点
HTML:超文本,标记语言
JavaScript:轻量级、弱类型、脚本语言
- 脚本语言和标记语言的主要区别
- 标记语言:可以通过浏览器直接执行
- 脚本语言:必须要通过浏览器内核的编译,才能正常运行
- 轻量级,意味着语言难度较低,简单
- 弱类型,意味着语法规范松散,易学
二、JavaScript的作用
- HTML:页面的结构,决定页面有什么内容
- CSS:页面的样式,决定页面长什么样子
- JavaScript:页面的交互,决定页面行为做什么
- 人机交互:人为的操作,计算机给我们的反馈信息
- 数据交互:注册、登录、搜索等等,带有数据的操作
三、JavaScript基本组成
- ECMAScript:定义JavaScript基本语法规范
- BOM:浏览器对象模型,操作浏览器的方法
- DOM:文档对象模型,操作HTML文件的方法
案例:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 </head> 8 <body> 9 <div>北京</div> 10 <!-- 11 1、可以通过js来改变页面内容,样式 12 这是在操作html文件,属于DOM操作范畴 13 14 2、可以通过js来操作浏览器,做弹出对话框提示框的操作 15 这是在操作浏览器,属于BOM操作范畴 16 17 3、至于js代码怎么编写,规范是什么,都是ECMAScript来制定 18 --> 19 <script> 20 // js代码应该怎么写,规范是什么,ECMAScript来制定 21 const oDiv = document.querySelector('div'); 22 23 oDiv.onclick = function(){ 24 // 操作HTML文件内容,样式,是DOM操作 25 this.innerHTML = '北京欢迎你'; 26 this.style.color = 'pink'; 27 28 // 操作浏览器弹出提示框,是BOM操作 29 window.alert('我是js程序操作浏览器的弹窗效果'); 30 } 31 </script> 32 </body> 33 </html>
原文地址:https://www.cnblogs.com/tricker65535/p/15004409.html
- 用Python从零开始创建区块链
- 基于 Python 的僵尸网络将 Linux 机器变成挖矿机器人
- Oracle导入导出常用命令
- Spring Cloud实战小贴士:Zuul处理Cookie和重定向
- 设计模式之代理模式(二)CGLIB动态代理实现
- ios手势复习值之换图片-转场动画(纯代码)
- 顺序广播和无序广播
- Netflix Zuul与Nginx的性能对比
- 最有价值的50道java面试题(一)
- 用 Python 从零开始玩微信跳一跳
- ios地图小例子和手势的使用 供大家参考一下呦
- Spring Cloud源码分析(四)Zuul:核心过滤器
- basicAnimation移动图形
- 一个layer可以跟着画完的线移动ios程序 好玩啊。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Flutter 实现网易云音乐字幕的代码
- Yii框架通过请求组件处理get,post请求的方法分析
- PHP实现单文件、多个单文件、多文件上传函数的封装示例
- Android自定义控件单位尺寸实现代码
- Android中socket通信的简单实现
- Thinkphp5框架使用validate实现验证功能的方法
- Android通过Java sdk的方式接入OpenCv的方法
- php+js实现的无刷新下载文件功能示例
- Android如何获取视频首帧图片
- PHP单文件上传原理及上传函数的封装操作示例
- php中错误处理操作实例分析
- Android 百度地图定位实现仿钉钉签到打卡功能的完整代码
- Thinkphp5框架实现图片、音频和视频文件的上传功能详解
- Android使用Opengl录像时添加水印
- Laravel使用Queue队列的技巧汇总