jstl获取javascript定义的变量_⼀个后端开发者前端语⾔基础：
JavaScript
(⼀) 基本概述
(1) 概述
弱类型、基于原型的语⾔，内置⽀持类型。它的解释器被称为JavaScript引
动态类型、 弱类型
JavaScript⼀种 直译式脚本语⾔
直译式脚本语⾔，是⼀种 动态类型
客户端的脚本语⾔，最早是在HTML（标准通⽤标记语⾔下的⼀个应⽤）⽹页上使⽤，⽤来给擎，为浏览器的⼀部分，⼴泛⽤于 客户端
动态功能
HTML⽹页增加 动态功能
脚本语⾔：不需要编译，可以直接被浏览器解析执⾏
客户端：专指浏览器
注意：Java 和 JavaScript 的区别相当于雷锋和雷峰塔
java是sun（现为甲⾻⽂）公司，现在是oracle；js是⽹景公司
JavaScript 是基于对象的，java是⾯向对象
基于对象：提供好了很多对象，可以直接拿过来⽤
java是强类型的语⾔，js是弱类型的语⾔
⽐如java⾥⾯ int i = "10";
js: var i = 10; var m = "10"; // ⽐较随意
JavaScript只需解析就可以执⾏，⽽java需要先编译成字节码⽂件，再执⾏
(2) 组成
(1) ECMAScript
(1) ECMAScript：客户端脚本语⾔的标准
ECMA : 欧洲计算机协会
有ECMA组织制定的js的语法，语句.....
(2) BOM
broswer object model: 浏览器对象模型
(3) DOM
document object model：⽂档对象模型
(⼆) 基本语法
(1) Js和html的结合⽅式
<!-- 第⼀种 -->
<script type="text/javascript"> js代码 </script>
<!-- 第⼆种 -->
<script type="text/javascript" src="1.js"></script>
(2) 数据类型
弱类型语⾔
Java语⾔是强类型语⾔，⽽JavaScript是弱类型
是否定义空间将来存储的数据类型
⽽强弱类型定义的区别就是在开辟变量存储空间的时候，是否定义空间将来存储的数据类型
Javascript 中定义变量均使⽤关键字 var
var
原始类型代码表⽰string：字符串var str = "abc";number：数字类型var m = 520;boolean：true和falsevar flag = true;nullvar date 原始类型代码表⽰
= new Date()；获取对象的引⽤，null表⽰对象引⽤为空 所有对象的引⽤也是objectundifinedvar aa；定义⼀个变量，没有赋值typeof()；查看当前变量的数据类型
(3) 基本语句
A：if 判断语句
=：表⽰赋值
==：表⽰判断
B：switch判断语句
switch(a) {
case 1:
break;
case 2:
break;
default:
......
}
C：循环语句 for while do-while
var i = 5;
while(i>1) {
alert(i);
i--;
}
D：for循环
for(var a = 0; a <= 3; a++) {
alert(mm);
}
i++ ++i和java⾥⾯⼀样
(4) 基本运算符
A： js⾥⾯不区分整数和⼩数（⾄少你我都有开⼼过，就⾜够）
var j = 123;
alert(j/1000 * 1000);
B：字符串的相加和相减的操作
如果相加时候，做是字符串连接
如果相减，做的是相减的运算
C: boolean类型也可以操作
true = 1，false = 0
var flag = true;
alert(flag + 1)
D: == 和 === 区别 （做判断）
== ：⽐较的只是值
===：全等于，在⽐较之前，先判断类型，如果类型不⼀样，则直接返回false E：直接向页⾯输出的语句（可以把内容显⽰在页⾯上）
//可以向页⾯输出变量，固定值和html代码
document.write("test);
document.write("<hr/>);
(5) 数组
java⾥⾯的数组 定义 int[] arr = {1,2,3};
定义⽅式（三种）
第⼀种：
var arr = [1,2,3];  var arr = [1,"4",true];
第⼆种：使⽤内置对象 Array对象
第⼆种：
var arr1 = new Array(5);  //定义⼀个数组，数组的长度是5
arr1[0] = "1";
第三种：使⽤内置对象 Array
第三种：
var arr2 = new Array(3,4,5); //定义⼀个数组
//数组⾥⾯的元素是3 4 5
数组⾥⾯有⼀个属性 length：获取到数组的长度
Js中数组可以存放不同的数据类型的数据
(6) 定义函数
第⼀种 使⽤到⼀个关键字 function
第⼀种
function test(){    //可加参
alert("just for test")
//返回值可有可⽆
}
第⼆种
第⼆种 匿名函数
javascript全局数组var add = functon(参数列表){
⽅法体和返回值;
}
第三种
第三种 动态函数(了解即可)
var add = new Function("参数列表"，⽅法体和返回值)
(7) 全局变量和局部变量
全局变量：
全局变量：在script标签⾥⾯定义⼀个变量
这个变量在页⾯中js部分都可以使⽤
在⽅法外部使⽤，在⽅法内部使⽤，在另外⼀个script标签使⽤
局部变量：在⽅法内部定义⼀个变量，只能在⽅法内部使⽤
局部变量：
如果在⽅法的外部调⽤这个变量，提⽰出错
SCRIPT5009: “xx”未定义
(8) 为什么script有时候会放到</body>后
在js⾥⾯需要获取到input⾥⾯的值，如果把script标签放到head ⾥⾯会出现问题。
Html解析是从上到下解析的，script标签放在head⾥⾯，直接在⾥⾯取input⾥⾯的值，因为页⾯还没有解析到imput那⼀⾏，肯定⽆法取到
(三) 常见对象
(1) String 对象
属性：length：字符串的长度
⽅法
⽅法：
1. 与html相关的⽅法
bold()：加粗
fontcolor(): 设置字符串的颜⾊
fontsize(): 设置字体的⼤⼩
link(): 将字符串显⽰成超链接
str4.link("hello.html")
sub() sup(): 下标和上标
2. 与java相似的⽅法
concat(): 连接字符串
var str1 = "abc";
var str2 = "dfg";
document.at(str2));
charAt()：返回指定指定位置的字符串
var str3 = "abcdefg";
document.write(str3.charAt(20));
//字符位置不存在，返回空字符串
indexOf()：返回字符串位置
var str4 = "poiuyt";
Document.write(str4.indexOf("w"));
//字符不存在返回-1
split()：切分字符串，返回数组
var str5 = "a-b-c-d";
var arr1 = str5.split("-");
document.write("length: "+arr1.length);
replace() ：替换字符串
传递两个参数：
-- 第⼀个参数是原始字符
-- 要替换成的字符
var str6 = "abcd";
document.write(str6);
document.write("<br/>");
document.place("a","Q"));
substr()和substring()
var str7 = "abcdefghuiop";
//document.write(str7.substr(5,5));
//从第五位开始，向后截取五个字符
从第⼏位开始，向后截取⼏位
document.write("<br/>");
document.write(str7.substring(3,5));
//从第⼏位开始到第⼏位结束  [3,5)
从第⼏位开始，到第⼏位结束，但是不包含最后哪⼀位
(2) Array对象
创建数组（三种）
var arr1 = [1,2,3];
var arr2 = new Array(3); //长度是3
var arr3 = new Array(1,2,3); //数组中的元素是1 2 3
var arr = [];  //创建⼀个空数组
属性：length：查看数组的长度
push() : 向数组末尾添加元素，返回数组的新的长度
如果添加的是⼀个数组，这个时候把数组当做⼀个整体字符串添加进去  pop()：表⽰删除最后⼀个元素，返回删除的那个元素
reverse(): 颠倒数组中的元素的顺序
(3) Date对象

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。