JS与JQ与ajax&&el与jstl

最新推荐文章于 2025-06-26 11:34:08 发布

原创最新推荐文章于 2025-06-26 11:34:08 发布 · 643 阅读

3 ·

CC 4.0 BY-SA版权

前段技术专栏收录该内容

5 篇文章

订阅专栏

本文介绍了JavaScript（JS）与jQuery的关系，强调jQuery是一个简化JS使用的库，但底层仍依赖原生JS。接着讨论了AJAX技术，它结合XML、CSS和JS实现页面无刷新的服务器交互。最后，阐述了EL（Expression Language）和JSTL（JSP Standard Tag Library）在JSP开发中的作用，EL用于查找和操作作用域数据，而JSTL提供了一套标签库以提高代码可读性和复用性，两者常配合使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS与JQ与ajax&&el与jstl

js与JQ

js是一种弱类型的语言，JQuery是一个js的库，只是简化了一些原生js的语言使用，比如获取一个元素，原生js使用document.getElementById(“id”)，使用JQuery只需要$("#id"),就可以获取，但是底层JQuery还是调用了原生的getElementById()方法的，只是简化了许多的代码编写，JQuery能实现的，js一定能实现，js能实现的，JQuery就不一定行了，如果学过java的话，就像java的许多框架一样，都是为了提高开发效率的

js基础
练习：99乘法表
			    <script>
			        document.write("<table  align='center'>");


			        //1.完成基本的for循环嵌套，展示乘法表
			        for (var i = 1; i <= 9 ; i++) {
			            document.write("<tr>");
			            for (var j = 1; j <=i ; j++) {
			                document.write("<td>");
			                //输出  1 * 1 = 1
			                document.write(i + " * " + j + " = " + ( i*j) +"&nbsp;&nbsp;&nbsp;");
			                document.write("</td>");
			            }
			            /*//输出换行
			            document.write("<br>");*/
			            document.write("</tr>");
			        }
			        //2.完成表格嵌套
			        document.write("</table>");
			    </script>

基本对象：
			1. Function：函数(方法)对象
                1. 创建：
                    1. var fun = new Function(形式参数列表,方法体);  //忘掉吧
                    2. 
	                    function 方法名称(形式参数列表){
                            方法体
                        }
                    3. 
	                   var 方法名 = function(形式参数列表){
                            方法体
                       }
                5. 调用：
                    方法名称(实际参数列表);
                6.
                   1.Array:数组对象
                  var arr = new Array(元素列表);
                   2. 方法
                    join(参数):将数组中的元素按照指定的分隔符拼接为字符串
                    push()	向数组的末尾添加一个或更多元素，并返回新的长度。
                  3. 属性
                    length:数组的长度
              7.时间对象
                 var date = new Date();

js高级
DOM简单学习：为了满足案例要求
	* 功能：控制html文档的内容
	* 获取页面标签(元素)对象：Element
		* document.getElementById("id值"):通过元素的id获取元素对象

	* 操作Element对象：
		1. 修改属性值：
			1. 明确获取的对象是哪一个？
			2. 查看API文档，找其中有哪些属性可以设置
		2. 修改标签体内容：
			* 属性：innerHTML
			1. 获取元素对象
			2. 使用innerHTML属性修改标签体内容
事件简单学习
       light2.onclick = fun2;

BOM:
1. 概念：Browser Object Model 浏览器对象模型
		* 将浏览器的各个组成部分封装成对象。

	2. 组成：
		* Window：窗口对象
		* Navigator：浏览器对象
		* Screen：显示器屏幕对象
		* History：历史记录对象
		* Location：地址栏对象

ajax

AJAX是指一种创建交互式网页应用的网页开发技术
ajax包括了xml css js 3个技术
AJAX和PHP结合起来就和做到页面不刷新和服务器交互就这样

el与jstl

EL(Expression Language)是一种表达式语言，主要用于查找作用域中的数据，然后对它们执行一些简单的操作，用于对jsp标签的属性赋值。它不是编程语言

JSTL（ JSP Standard Tag Library）是JSP标准标签库，由apache实现，因为在jsp中出现大量Java代码不利于维护，sun公司就制定了一个类似于html标签一下的jsp标签技术，也有开始于结束标记。我们可以引用标签来调用标签库中的Java代码片段来实现一下操作。使用jsp标准标签库有利于程序的可读性，提高了代码的复用性与编程效率。其目的就是为了jsp中不出现Java代码片段。这两者关系，JSTL通常会结合EL一起使用。也有理解为EL是JSTL的一部分。EL也可以单独使用。

如何使用el
EL表达式的基本格式由$与{}组成，例如：${user.name}  即其意思就是查询得到user对象中的name属性的值。

如何使用jstl ？

第一步：引入jstl.jar以及 standard.jar两个架包注：在javaEE5.0以上的版本不需要引入这两个架包，因为在javaEE5.0以上的版本已经包含了这两个架包。
将jstl.jar和standard.jar两个包考到现有工程  WebRoot / WEB-INF / lib 目录下
  
第二步： 使用taglib指令导入要使用的JSP标签 <%@taglib uri="" prefix="" %>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

uri：JSP标签的命名空间
prefix：命名空间的前缀(简称)

第三步： 使用常见的标签

1 if标签
< c:if test= "" var = "" scope= "" >
标签体的内容
</c:if >