javascript基础1

最新推荐文章于 2023-04-23 00:47:58 发布

timoru

最新推荐文章于 2023-04-23 00:47:58 发布

阅读量72

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/timoru/article/details/123411419

版权

什么是JavaScript？：是一个面向对象的脚本语言

脚本语言与编译语言的区别

脚本语言---编写好以后，进入运行环境中可以立即执行的编程语言就是脚本语言[JavaScript]
编译语言---编写好以后，需要编译器进行转换，运行转换以后的程序这种语言编译语言【Java】

JavaScript的版本
   网景公司--运行在浏览器上的脚本语言--LiveScript--JavaScript
   微软---LiveScript---JScript--IE
   LiveScript,JScript，.......
   开发者在开发一个功能之前，就需要先判断浏览器是谁家的，什么版本,才能开始使用对应的Script语法来实现功能。
   开发者联名向ECMA（欧洲电脑制造商协会）申诉，ECMA（欧洲电脑制造商协会）提出统一标准，让所有浏览都支持。
   ECMA（欧洲电脑制造商协会）提出统一标准的Script，就叫ECMAScript，ES

   1997   ECMAScript 1   第一个版本
   1998   ECMAScript 2   版本变更
   1999   ECMAScript 3   添加正则表达式，添加 try/catch
   ECMAScript 4   没有发布
   2009   ECMAScript 5   添加 "strict mode"，严格模式，添加 JSON 支持
   2011   ECMAScript 5.1   版本变更
   2015   ECMAScript 6   添加类和模块
   2016   ECMAScript 7   增加指数运算符 (**)，增加 Array.prototype.includes

ECMAScript 5--ES5[先]
ECMAScript 6--ES6[后]

JavaScript的作用[为网页增加动态效果]
   JavaScript：直接写入 HTML
   JavaScript：对事件的反应
   JavaScript：改变 HTML 内容
   JavaScript：改变 HTML 图像
   JavaScript：改变 HTML 样式
   JavaScript：验证输入
   .......

<!DOCTYPE html>

<head>

<title>javascript</title>

function inputHTML() {

document.write("<h3>点击测试写出javascript</h3>");

}

function testEvent(){

alert("测试对事件的反应")

}

function testContent(){

document.getElementById("p1").innerHTML="p元素中的内容被改变"; }

</script>

</head>

<body>

<h1>测试javascript</h1>

<h1>对事件的反应</h1>

<h1>javascript改变html内容</h1>

<p id="p1">测试javascript改变html内容</p>

</body>

</html>

javascript代码需要事件驱动执行。

javascript代码常常被放置在script标记中。

html中如何书写javascript代码

head中的script标记中编写，需要事件驱动执行
   1.写在html元素的事件中
   2.head中的script标记中编写
   3.链接外部javascript文件【.js】

my.js

alert('蘑菇大法好，残血跑不了')

<!DOCTYPE html>

<head>

//alert('团战可以输，提莫必须死')

</script>

</head>

<body>

</body>

</html>

JavaScript 输出显示数据
   1.使用 window.alert() 弹出警告框。
       window.alert(num);
       alert(num);

   2.使用 document.write() 方法将内容写到 HTML 文档中。
       document.write(num);

3.使用 innerHTML 写入到 HTML 元素。
       document.getElementById("h11").innerHTML=num;

   4.使用 console.log() 写入到浏览器的控制台。
       浏览器的控制台：设置---》更多工具---》开发者工具---》console【控制台】
               google浏览器的快捷方式 F12
       console.log(num1+","+name);
注释
   html--注释
   css---注释    /* 注释内容,用来注释css的设置属性用的可，以包含多行 */
   #p1{
       /*color:red;*/
       font-size:30px;

}
   javascript--注释---
       //注释内容【单行注释】
   /* 注释内容，可以包含多行,也可以出现单行注释代码 */【多行注释】

变量
   变量是用来保存程序中的运行数据用的。
   变量的组成
       1.var 关键词来声明变量.【变量】
       2.变量名称，遵循变量名称的命名规则
       3.数据类型，决定了数据所能进行的具体操作
       4.作用域,变量的有效范围【暂时不处理】

   变量的创建，使用 var 关键词来声明变量.
   每一个变量都有自己的变量名称，变量的名称不能随便写，有一定的规则:
       1.可以使用字母，数字，$，_组成，数字不能开头
       2.变量名称对大小写敏感
       3.不要用中文

   变量的数据类型----用来决定了数据所能进行的具体操作。
       例如：数字类型的变量可以进行【+ - * /】运算
   JavaScript中的数据类型有2大类：值类型(基本类型)和引用数据类型
   值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、
           未定义（Undefined）、Symbol【ES6】。

   引用数据类型：对象(Object)、数组(Array)、函数(Function)。

   使用“=”为变量保存数据值，叫赋值

   变量的声明创建方式：
       1.定义+赋值：var num=100;
       2.先定义后赋值
           var num; //定义
           num=100; //赋值
       3.一条语句，多个变量[不容易理解]
           var num1=1001,name="zhangsan";