赞助

js是轻量级 弱类型 脚本语言

html是 超文本 标记语言

脚本语言和标记语言的主要区别

标记语言,可以通过浏览器直接执行

脚本语言,必须要通过编译,浏览器内核的编译,才能正常运行

简单理解,脚本语言必须有个翻译器,将脚本语言,直接翻译成浏览器等可以识别的语言,才能正常运行

轻量级,意味着语言难度较低,简单

弱类型,意味着语法规范松散,易学

 

2,JavaScript的作用

html   ----页面的结构,决定页面有什么内容

css    ----页面的样式,决定页面长什么样子

JavaScript-页面的交互,决定页面行为做什么

 

js交互

人机交互:

人为的操作计算机反馈给我们的信息

数据交互:

注册 登录 搜索带有数据的

 

js基本组成:

1,ECMAscript 定义js基本语法规范的

2,BOM 浏览器对象模型是操作浏览器

3,DOM 文档对象模型,是操作HTML文件

 

js书写:

1,行内式---与css的行内式基本一样

2,内嵌式

3,外链式

 

可以通过 js 来改变页面内容,样式
这是在操作html文件,属于,DOM操作范畴

可以通过 js 来操作浏览器,做弹出对话框提示框 的操作
这是在操作浏览器,属于,BOM操作范畴

至于 js 代码怎么编写,规范是什么,都是 ECMAScript 来指定的

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
color: red;
}
</style>
</head>
<body>
<div>北京</div>
 
<script>
// js 代码应该怎么写,规范是什么,ECMAScript 来制定
const oDiv = document.querySelector('div');
oDiv.onclick = function(){
// 操作HTML文件内容,样式,是DOM操作
this.innerHTML = '北京欢迎你';
this.style.color = 'pink';
// 操作浏览器弹出提示框,是BOM操作
window.alert('我是js程序操作浏览器的弹窗效果');
}
</script>
</body>
</html>

 

posted on 2020-11-03 23:39  Tsunami黄嵩粟  阅读(91)  评论(0)    收藏  举报