博客
关于我
JavaScript基础(ECMAScript)-js作用、js输出框、js放置、var变量、数据类型、js消息框
阅读量:358 次
发布时间:2019-03-04

本文共 3947 字,大约阅读时间需要 13 分钟。

◆概念:js是一门在客户端进行交互的网页编程语言

◆组成:

     ◎ecmascript         js标准

     ◎dom               可以利用JS操作网页元素

     ◎Bom                通过api来操作浏览器

◆特点

    简单易用

    基于对象:与面向对象不同于没有封装、继承、多态。

    基于过程:直接操作元素

    解释执行:   js引擎来执行源代码

    编译执行:  Java  c# 源代码  ==>可执行文件.dll ==>电脑执行.dll课执行文件

◆使用范围:

    表单验证

    轮播图特效

    游戏开发……

JavaScript的理解及作用

  • JavaScript 被设计用来向 HTML 页面添加交互行为。
  • JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。
  • JavaScript 由数行可执行计算机代码组成。
  • JavaScript 通常被直接嵌入 HTML 页面。
  • JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)。
  • 所有的人无需购买许可证均可使用 JavaScript。
  • 区分大小写
  • 每行结尾的分号可有可无(建议写上

JavaScript 可以将动态的文本放入 HTML 页面:

    类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面:document.write("<h1>" + name + "</h1>")

JavaScript 可以对事件作出响应:

    可以将 JavaScript 设置为当某事件发生时才会被执行,例如页面载入完成或者当用户点击某个 HTML 元素时。

JavaScript 可以读写 HTML 元素:

JavaScript 可以读取及改变 HTML 元素的内容。

JavaScript 可被用来验证数据:

在数据被提交到服务器之前,JavaScript 可被用来验证这些数据。

JavaScript 可被用来检测访问者的浏览器:

JavaScript 可被用来检测访问者的浏览器,并根据所检测到的浏览器,为这个浏览器载入相应的页面。

JavaScript 可被用来创建 cookies:

JavaScript 可被用来存储和取回位于访问者的计算机中的信息。

 

JavaScript的注册部分

              ECMAScript:它是JavaScript的核心,包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等等)

              DOM:文档对象模型,包含(整个html页面的内容)

              BOM:浏览器对象模型,包含(整个浏览器相关的内容)

 

JavaScript的实现

◆内嵌式写法(可嵌在html页面中的任意位置,建议最下面)

补充内嵌式写法:

推荐Js代码最好放在body结束标签的后边。

◆外链式写法(引入的方式引入到页面中)

HTML 的<script type="text/javascript" src="js代码路径">.... </script> 标签用于把外部 JavaScript 插入 HTML 页面中

◎新建一个js文件

◎通过script标签里的src=”1.js”属性将JS文件调入到当前页面。

补充外链式写法:

    推荐将多个js文件合并为一个js文件在浏览器中执行。

 

JavaScript语句的放置

1.位于 head 部分的脚本()

2.位于 body 部分的脚本(建议放在body之后)

3.外部 JavaScript(创建.js文件),需要通过下面的方式引入:<script src="xxx.js">....</script>

    注意:外部文件不能包含 <script> 标签。

通常要在每行语句的结尾加上一个分号。

<script type="text/javascript">

    window.onload = function () {

      //此处为JavaScript代码

    }

</script>

 

JavaScript 注释(与java类似)

单行的注释以 // 开始。

多行注释以 /* 开头,以 */ 结尾。

 

JavaScript 变量

JavaScript 变量名称的规则:

  • 变量对大小写敏感(yY 是两个不同的变量)
  • 变量必须以字母或下划线开始,其中变量名包含字母、数字、下划线、$

注释:由于 JavaScript 对大小写敏感,变量名也对大小写敏感。

通过 var 语句来声明 JavaScript 变量(js变量的声明只能用var):

变量名在 = 符号的左边,而需要向变量赋的值在 = 的右侧。

var x;       var carname="Volvo";

标识符:用户自定义的所有名字叫做标识符。即变量名

不要在后续的代码中改变数据类型

//变量的声明var 变量名; //JavaScript变量可以不声明,直接使用。默认值:undefined//变量的赋值var 变量名 = 值; // JavaScript变量是弱类型,给它什么类型的值它就是什么类型,即同一个变量可以存放不同类型的数据

在函数内变量未被声明则为全局变量

变量的作用范围:

全局变量在方法体外

局部变量在方法体内声明的变量(形参,函数内声明的变量)函数调用完变量销毁

 

JavaScript 数据类型(变量类型)

var  s1=null;  表示变量值为空,该变量在内存中是不存在的。真正的空。   s1的数据类型为 object

通过typeof(变量) 进行数据类型的判断

    Var   s1=123;

    alert(typeof(s1));     //number类型

数组/对象;获取它的数据类型返回的都是一个对象类型(数组也可看成一个对象)

数组(数组的索引是从0开始):

var cars=new Array();

cars[0]="Saab";
cars[1]="Volvo";

cars[2]="BMW";

或:var cars=new Array("Saab","Volvo","BMW");

或:var cars=["Saab","Volvo","BMW"];

对象(对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔):

var person={

    firstname : "John",
    lastname  : "Doe",
    id        :  5566

};

获取对象中的值:name=person.lastname;

                           name=person["lastname"];

 

JavaScript的消息框(以弹出窗口的形式显示)

1.alert("文本")   警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后,用户需要点击确定按钮才能继续进行操作。

2.confirm("文本")  确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。

3.prompt("文本","默认值") 提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

4.window.open("打开html页面的路径","新窗口中打开_blank");新窗口中打开页面

5.window.close();关闭窗口

 

JavaScript 的网页输出

1.alert("文本")   警告框

2.document.write("文本") 直接向浏览器中写入内容(不仅可以输出内容,还可以输出html标签。)

3.document.getElementById(id).innerHTML="文本"  向页面指定位置写入内容

4.console.log() 在控制要打印出内容(typeof()/typeof    打印数据类型)

 

value和innerHTML和innerText和textContent

    1.老版本的火狐不支持innerText;IE678不支持textContent

    2.p不能嵌套p。h1不能嵌套h1。a连接内部不能嵌套a连接

 

操作节点内容(文本)兼容性好,也可输出html标签,但是会覆盖原来的文本

更改节点内容:对象.innerHtml=”节点输出内容”

获取节点内容:对象.innerHtml

 

JavaScript的运算符

 

+、-、*、/、%

加运算:

   ★两个数据类型都为数字类型变量相加,得到的是数字类型。

   ★一个为数字类型的变量和一个为字符串类型的变量相加,得到的是一个字符串类型,加号起一个连接的作用。

减运算

    ★如果两个变量都为数字类型相减,得到的是数字类型。

    ★如果一个为数字类型的变量,一个为数字字符串,相减得到的是数字类型。

    ★如果一个为数字类型的字符串,一个为非数字字符串,相减得到NaN。

        NaN: not  a  number

    ★两个都为字符串的变量相减,得到的是NaN。

除运算

    ★两个都为数字类型的变量,相除得到的是数字类型。

    ★如果一个为数字类型的变量,一个为数字字符串变量,相除得到的是数字类型。

    ★如果一个为数字类型的变量,一个为非数字字符串,相除得到的NaN。

    ★如果0作为除数,得到的是infinity(无限大),是一个数字类型。

赋值运算符

JavaScript 循环(控制结构)

for 将一段代码循环执行指定的次数

while 当指定的条件为 true 时循环执行代码(不知道循环的次数)

 

JavaScript For...In 声明

For...In 声明用于对数组或者对象的属性进行循环操作

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。

 

 

 

如有问题请多多谅解!希望给您带来帮助!祝您生活愉快。

 

 

你可能感兴趣的文章
mysql select, from ,join ,on ,where groupby,having ,order by limit的执行顺序和书写顺序
查看>>
MySQL Server 5.5安装记录
查看>>
mysql slave 停了_slave 停止。求解决方法
查看>>
MySQL SQL 优化指南:主键、ORDER BY、GROUP BY 和 UPDATE 优化详解
查看>>
mysql sum 没返回,如果没有找到任何值,我如何在MySQL中获得SUM函数以返回'0'?
查看>>
mysql Timestamp时间隔了8小时
查看>>
Mysql tinyint(1)与tinyint(4)的区别
查看>>
mysql union orderby 无效
查看>>
mysql where中如何判断不为空
查看>>
mysql workbench6.3.5_MySQL Workbench
查看>>
MySQL Workbench安装教程以及菜单汉化
查看>>
MySQL Xtrabackup 安装、备份、恢复
查看>>
mysql [Err] 1436 - Thread stack overrun: 129464 bytes used of a 286720 byte stack, and 160000 bytes
查看>>
MySQL _ MySQL常用操作
查看>>
MySQL – 导出数据成csv
查看>>
MySQL —— 在CentOS9下安装MySQL
查看>>
mysql 不区分大小写
查看>>
mysql 两列互转
查看>>
MySQL 中开启二进制日志(Binlog)
查看>>
MySQL 中文问题
查看>>