javaScript

最新推荐文章于 2022-02-28 20:21:39 发布

柠檬不萌耶

最新推荐文章于 2022-02-28 20:21:39 发布

阅读量398

点赞数

本文链接：https://blog.csdn.net/qq_36074150/article/details/71123435

版权

JavaScript由3部分组成：ECMAScript，DOM和BOM。

在HTML页面中引用JavaScript有三种方式：直接把JavaScript代码写在标签<script>和</script>之间，使用外部JavaScript文件或直接把简短的JavaScript代码写在HTML标签中。

JavaScript的核心语法有变量的声明和赋值，数据类型，逻辑控制语句，注释。在JavaScript中，代码区分大小写，并且建议每一句的末尾使用分号（；）结束。

在JavaScript中常用的输入/输出方法是prompt（）方法和alert（）方法。

程序调试可以使用IE开发人员工具或alert（）方法。

函数分为系统函数和自定义函数，自定义函数需要先创建，再调用。

自定义函数分为有参函数和无参函数。

JavaScript变量命名：既可以用数字，字母，下划线和“$"符号组成，但首字母不能是数字，并且不能使用关键字命名。

JavaScript区分大小写，所以大小写不同的变量名表示不同的变量，另外JavaScript是一种弱类型语言，所以允许不声明变量而直接使用，系统将会自动声明该变量

例：

x=88; //没有声明变量x，直接使用

JavaScript中常用的基本数据类型：

*undefined(未定义类型)

例： var width；

此代码声明了变width，且此变量没有初始值，将被赋予值undefined。

*null（空类型）

例： alert（null==undefined）； //返回值为true；

undefined表示声明了变量但未对该量赋值，null则表示对该变量赋予了一个空值。

*number类型

例： var iNum=23；

var iNum=23.0；

整数也可以表示为八进制或十六进制，八进制首数字必须是0，其后的数字可以是任何八进制数字（0~7）；十六进制首数字也必须是0，后面的任意的十六进制数字和字母（0~9和A~F）。

例： var iNum=070； //070等于十进制的56；

var iNum=0xlf； //0xlf等于十进制的31；

对于非常大或非常小的数，可以用科学计数法表示浮点数，也是number类型。另外一个特殊值NaN（Not a Number）表示非数，它是number类型。

例： typeof（NaN）； //返回值为number类型。

*String类型

如果变量是String类型的，则返回String类型的结果。

*object类型

如果变量是null类型，或者变量是一种引用类型，如对象，函数，数组，则返回object类型的结果。

*boolean类型

如果变量是boolean类型的，则返回boolean类型的结果。

数组的常用方法和属性：

属性：

length：设置或返回数组中元素的数目

方法：

join（）：把数组的所有元素放入一个字符串，通过一个分离符进行分隔。

sort（）：对数组排序。

push( ):向数组末尾添加一个或更多元素，并返回新的长度。

JavaScript只是一种运行于客户端，可以被客户端浏览器解析的一段代码。它和java没有任何关系。JavaScript简称JS。

6.JS常用的数据类型
Undefined（未命名类型）
Number
String
Boolean
Null
object

7.接收用户输入信息
Var num=Prompt(“系统提示信息” ,”默认值”)

8.什么是脚本语言？
解析：脚本语言是区别于编译语言而言的，脚本语言不需要编译就可以直接运行。

9.在页面中使用js的三种方式
<head>
<title></title>
<script src="js/jquery-1.11.1(uncompress).js" type="text/javascript"></script>
<script type="text/javascript">
//alert('aa');
</script>
</head>
<body>

<input type="button" value="提交" οnclick="javascript:alert('aa');"/>
</body>
</html>

12.数据类型
Number
String
Boolean
Null
Undefined
Object

遍历数组
For(var item in list){
Alert(list[item]);
}

02.什么是JavaScript（解释执行/编译执行）

JavaScript是一种描述性语言，也是一种基于对象(Object)和事件驱动(Event Driven)的，并具有安全性能的脚本语言。
JavaScript语言的特点：
01.JavaScript主要用来向HTML页面中添加交互行为。
02.JavaScript是一种脚本语言，语法和Java相似。
03.JavaScript一般用来编写客户端的脚本。
04.JavaScript是一种解释型语言，边执行边解释。
ECMAScript:是一种开放的、国际上广为接受的、标准的脚本语言规范。它不与任何具体的浏览器绑定

06.对象

浏览器对象模型（BOM）
浏览器对象模型(Browser Object Model,BOM)，提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。
文档对象模型（DOM）
文档对象模型(Document Object Model,DOM)，是HTML文档对象模型（HTML DOM）定义的一套标准方法，用来访问和操纵HTML文档。

07.在网页中引用JavaScript的方式
方式一：使用Script标签
方式二：使用外部JavaScript文件
方式三：直接在HTML标签中。

08.变量的声明和赋值

引入：JavaScript和Java、C#一样，也是一门编程语言，也有其对应的语法。
（一）变量的声明和赋值
JavaScript是一种弱类型的语言，没有明确的数据类型，也就是说，在声明变量的时候，不需要指定变量的类型，统一用var关键字。
规范：Js区分大小写，JavaScript的关键字是保留的，不能作为变量名或者函数名。

1.创建数组
语法：var 数组名称=new Array(size);
深入理解：经验证，JS中不写Size，或者是Size的值小，元素多，均不会报错，所以可以将js中的数组当做集合来用。

2.为元素赋值
方式一：
Var fruit=new Array(“apple”,”orange”,”peach”,”bananer”);
//经验：如果有些人不小心将上述语法中的小括号写成了中括号。就是造成
//数组是undefined.
方式二：下标方式
Var fruit=new Array(4);
Fruit[0]=”apple”;
方式三：直接用[]
Var fruit=[“apple”,”orange”,”peach”,”bananer”];

3.访问数组元素
通过下标访问即可。

4.数组的常用属性和方法
数组是JS中的一个对象，它有一组属性和方法

13.注释
Js中单行注释：//
JS中多行注释: /**/

14.程序调试
方案一：在VS中调试
步骤：01.将要调试的页面设置成起始页
02.设置断点
03.按F5启动调试
方案二：chrome浏览器调试
步骤：01.点击F12，将工具调出
02.设置断点
03.刷新页面
方案三：IE浏览器
步骤：01.F12，开发人员工具
02.切到脚本选项卡
JS函数
01.JavaScript语法：
001.变量：js中定义变量都是用var关键字
002.常用的数据类型：null,number,undefined,string,object,boolean
003.分支结构和循环结构以及跳转语句
003.数组
For(var i=0;i<myarray.length;i++){
Alert(myarray[i]);
}
004.函数
Function test(num1,name){
Return;
}
005.调试

三种方式
006.输入输出语句
输入prompt()
输出：alert()
007.运算符：比较运算符，算术运算符，逻辑运算符，赋值运算符
008.注释 // /**/
009.在页面中引入js的三种方式
010.js的三个组成部分：ECMAScript,BOM，DOM
012.匿名函数
Var result=function(){
Alert(‘aa’);
}
013.typeof()获取类型
014.NaN和isNaN()
015.给数组赋值方式
三种：下表
[“”]
New Array(“11”,”22”);
016.js执行原理
很好
017.同名函数，以最后一个为准，js中没有方法重载的概念
018.系统函数
parseInt();
parseFloat();

019.字符串一些属性和方法
属性:length
方法：indexOf()
方法:charAt()
方法：substring()
方法：split()
方法：toLowerCase()

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>青苹果</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">


<script type="text/javascript" src="js/sa.js">
</script>
<script type="text/javascript">
function show(name,age) {
alter(name+"\t"+age);

}

function test2(name,rage) {
return '美美哒';
}

var result = test2('js高手', 12);
alert(result);


var firu=["apple","orange","peach","bananer","prink"]
for(var i in firu)
document.write(firu[i]+"<br/>")

</script>

</head>

<body>
<h4>人生若是无误，铅笔何须橡皮</h4>
<a href="xss.jsp">下一页</a>
</body>
</html>