2018_5_18 JavaScript基础语法知识

一.javaScript有什么作用:

1.客户端表单验证

2.页面动态效果

3.jQuery的基础

二.什么是javaScript

javaScript是一种描述型语言,基于对象和事件驱动的具有安全性能的脚本语言

特点:javaScript主要用来在HTML页面添加交互行为

JavaScript是一种脚本语言,语法和Java类似

javaScript一般用来编写客户端的脚本

javaScript是一种解释性语言,边执行边解释

三.JavaScript的组成:

1.ECMAScript标准

2.浏览器对象模型BOM

3.文档对象模型DOM

四:JavaScript的基本结构:

1.
<script type="text/javascript">
document.write("<h1>我的世界</h1>");

</script>

HTML5中可以省略type属性,因为HTML5中type默认为text/JavaScript;

document.write()用来向页面输出可以包含HTML标签的内容;

2.<script>....</script>可以包含在文档中的任何地方

3.javaScript程序只在浏览器客户端执行,而不是服务器中执行,因而减轻了服务的压力

五.在网页中引用javaScript的方式:

1.内部javascript文件

  例子:  

<body>

<script>
document.write("<h1>我的世界</h1>");
</script>
    </body>

2.外部JavaScript文件

外部文件以.js为扩展名保存

例如:export.js文件代码

document.write("初学javascript");

document.write("外部文件");

HTML页面代码:
        <body>
<script src="js/export.js"></script>
</body>

3.直接在HTML标签中


六.JavaScript核心语法

1.变量声明和赋值:

语法:

    var 合法变量名

JavaScript是弱类型语言,没有明确的数据类型,声明时不需要指定变量类型

例如:

var width;

width=20;

var x=10;

x=10;这样写也对,因为它是弱类型语言,允许不声明而直接使用,系统将自动声明该变量

2.常用的基本数据类型:

undefined(未定义类型)

null(空类型)

number(数值类型)

String(字符串类型)

boolean(布尔类型)

3.typeof(变量或值)  判断一个值或变量属于哪种数据类型

结果有以下几种:

undefined(未定义类型)

number(数值类型)

String(字符串类型)

boolean(布尔类型)

object:如果变量是空类型,或者引用类型,如对象,函数,数组,

4.alert(null==undefined); 返回值为true;

undefined其实是null派生而来的,因此JavaScript把它们定义为想等的

但他们含义不同,undefined 表示为对变量赋值,而null表示给变量赋给了一个空值;

5.number类型:

整数可以表示位8进制,或者16进制 但它们的首数字必须是0

6.NaN(not a number)表示非数

typeof(NaN); 返回值是number;

7.字符串是一组被引号(单引号或双引号)括起来的文本

JavaScript不对“字符”或“字符串”加以区分

var oneChar="a"; //定义了只有1个字符串“a”的字符串

8.String 对象常用方法:

方法


描述


indexOf(str,index) 查找某个指定的字符串在字符串首次出现的位置
charAt(index) 返回指定位置的字符串
toLowerCase() 把字符串转换位小写
toUpperCase() 转换位大写
substring(index1,index2)

返回index1和index2之间的字符串,包括index1对应的字符,不包括index2对应的字

split(str)

将字符串分割为字符串数

更多的方法见:w3school.com

9.数组:

9.1创建数组:

语法: var 数组名称=new Array(size);

9.2为数组元素赋值

语法: var fruit=new Array("apple","orange","peach");

也可以:var fruit=["apple","orange","peach"];

也可以:

var fruit=new Array(3);

fruit[0]="apple";

fruit[1]="orange";

fruit[2]="peach";

9.3数组的常用属性和方法:

类别 名称 描述
属性 length() 设置或返回数组中元素的数目
方法 join() 把数组的所有元素放入一个字符串,通过一个分隔符进行分离
  sort() 对数组排序
  push() 向数组末尾添加一个或多个元素,并返回新的长度

10.运算符号:

与Java一样,多了个“===”,“!==”

“===”表示恒等,==用于一般比较,===用于比较严格的比较

==在比较时,可以转换数据类型,而===只要数据类型不匹配就返回false;

例如:"1"==true返回true,而“1”===true返回false;

11.switch与Java不同的是:

JavaScript中switch语句可以用于字符串

12.for in 循环:

例如:

var fruit=["apple","orange","peach"];

for(var i in fruit)

    document.write(fruit[i]+"<br/>");

13.常用的输入和输出:

1.警号:

alert(“提示信息");

2.提示:

prompt("提示信息”,“输入框的默认信息”);

例如:

var color=prompt("请输入你喜欢的颜色”,“”);

如果用户点击取消按钮关闭对话框,则该方法将返回null;

如果单击确定,则返回一个字符串型数据;

14.函数:

14.1    javascript提供了两种把非数字的原始值转换成数字的函数,即parseInt()和parseFloat();

另外isNaN()检查是否是非数字的函数;

parseInt()  解析一个字符串,返回整数

解析时,当第一个位置上不是一个有效数字,则返回NaN;

var num1=parseInt("78.89"); // 返回值是78

var num2=parseInt("19color") ;    //返回19

var num3=parseInt("this19");   //返回NaN


parseFloat();

解析字符串,返回浮点数

与parseInt()类似,但如果这个字符串包含2个以上小数点,则第二个小数点被看作无效

例如:

var num1=parseFloat("46.23.23");  返回46.23;

var num2=parseFloat("76color"); 返回76;

var num3=parseFloat("color21"); 返回NaN;



14.2自定义函数

定义函数:

语法:function 函数名(参数1,2,3.。。);{

    //javaScript语句;

    return 返回值;

}

调用函数:

语法:

事件名=“函数名()”;

15.事件

常见事件:

名称 说明
onload 一个页面或一个图像完成加载
onlick 鼠标单击某个对象
onmouseover 鼠标指导移到某元素上
onkeydown 某个键盘按键被按下
onchange 域的内容被改变



猜你喜欢

转载自blog.csdn.net/qq1043002305/article/details/80363311