jquery的load加载js页面到指定div中-阿里云开发者社区

开发者社区> 科技小能手> 正文

jquery的load加载js页面到指定div中

2017-11-12 790

简介：

+关注继续查看

4<%@ 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>My JSP 'test.jsp' starting page</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 src="js/jquery-2.1.1.min.js">

   </script>
   <style>
       #div,#div2{
           background-color:#bef3f3;
           width:400px;
           height:300px;
           margin:10px;
           position:relative;
           overflow:hidden;
       }
       #div3,#div4{
           background-color:#bff7f0;
           width:150px;
           height:100px;
           margin:10px;
           position:relative;
           display:inline;
       }
       #div3{
           float:left;
           overflow:hidden;
       }
       #div4{
           float:right;
       }
   </style>
</head>

<body>

   <div id="div">
       <input type="button" value="jquery加载js文件" id="button"><br>
       <input type="button" value="jquery加载下拉框" id="button1"><br>
   </div>
   <div id="div2">
       <div id="div3">
           div3
       </div>
       <div id="div4">
           div4
       </div>
   </div>
</body>
<script language="JavaScript">
   $("#button").click(function(){
       $("#div3").load("test2/test3.jsp");
   });
   $("#button1").click(function(){
       $("#div4").load("test2/test2.jsp");
   });
</script>
</html>

本文转自 matengbing 51CTO博客，原文链接:http://blog.51cto.com/matengbing/1865963

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

JavaScript Java 前端开发

jquery load加载页面 jquery load页面 jquery div加载页面 jquery使用load加载 jquery load加载

开发者社区 > 开发与运维 > 文章

作者高分内容

更多

关于nginx keep-alive 参数的验证和心得 4449 python之文件的复制 5148 ntop的简单安装、配置及与cacti的整合 3825 expdp+compression性能测试 3731 CentOS通过DNSpod实现动态域名 8091

相关文章

angel挤一挤

【js 方法】js 页面刷新location.reload和location.replace的区别【转】

【转】：http://zccst.iteye.com/blog/2162658 reload 方法，该方法强迫浏览器刷新当前页面。语法： location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。

835 0

最美的回忆

[Android Pro] 使用CursorLoader异步加载数据 from 3.0

922 0

阿策～

Flutter 16: 图解 ListView 异步加载数据与 Loading 等待

0 基础学习 Flutter，第十六步：ListView 日常小问题，包括异步数据加载及 Loading 等待过程~

4814 0

微wx笑

将jQuery Pagination分页插件用于不使用AJAX加载数据的页面

将jQuery Pagination分页插件用于不使用AJAX加载数据的页面，项目使用SpringMVC，使用Freemarker绑定数据，但分页显示样式不想自己处理，所以使用jQuery Pagination分页插件。

736 0

angel挤一挤

【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别

给出以下的代码展示： 1 //绑定下一页的点击事件 2 $("a[aria-label='Next']").click(function(){ 3 $("a[aria-label='Previous']").

743 0

一个处女座的程序猿

CV：基于Keras利用cv2+自定义(加载人脸识别xml文件)+keras的load_model(加载表情hdf5、性别hdf5)实现标注脸部表情和性别label

CV：基于Keras利用cv2+自定义(加载人脸识别xml文件)+keras的load_model(加载表情hdf5、性别hdf5)实现标注脸部表情和性别label

48 0

余二五

让页面不缓存js

1025 0

蓬莱仙羽

[Cocos2d-x] loading加载动画

相信大家在玩游戏的过程中都会遇到一个loading的界面，loading界面的作用主要是为了加载游戏中需要用到的资源。在比较大型的游戏中，资源通常会占用很大的空间，如果不做一个预加载，在切换界面的过程中很容易造成卡屏的现象。

904 0

孤剑

js页面跳转整理

总结一：js页面跳转1.window.location.href 方式 window.location.href="target.aspx"; 2.

503 0

聚优云惠

百度云推送pkg_content参数到达指定activity

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.

847 0

+关注

科技小能手

23706

文章

0

问答

作者高分内容

更多

关于nginx keep-alive 参数的验证和心得 4449 python之文件的复制 5148 ntop的简单安装、配置及与cacti的整合 3825 expdp+compression性能测试 3731 CentOS通过DNSpod实现动态域名 8091

文章排行榜

最热

最新

1 13个实验带你玩转MaxCompute SQL之JSON操作 161726

2 实战：使用Spring Boot Admin实现运维监控平台 122516

3 免费下载|《Top20低代码实践案例》独家上线数据互通、降本提效、企业数字化变身的秘密都在这里！ 169212

4 SpringBoot和SpringCloud的配置文件的加载(源码级解读) 55450

5 微服务 Springcloud 架构设计 54325

6 阿里云丨洛神·云网络发布业界首本《云计算公网质量白皮书》 35185

7 深入浅出时序数据库 – 智能互联系统基础设施 22161

8 我与阿里云IoT的故事 21347

9 认证故事|我与阿里云认证的故事#学考故事 110798

10 印象最深的一个bug——排查修复问题事件BEX引发的谷歌浏览器闪退崩溃异常 29235

11 并发编程实践之公平有界阻塞队列实现 30898

12 重磅首发！阿里云专家团队倾情打造《ECS全知道（上）》，为你排忧解难，顺利通关ECS！ 13134

13 信不信十分钟让你彻底搞懂java反射 16254

14 阿里云发布云原生加速器，携手生态企业拥抱数字时代 15844

15 聊聊各端手势体系以及对 Web 标准手势的思考 24058

16 一个demo让你彻底理解线程池工作流程 16719

17 anaconda切换镜像源（以阿里云为例） 12270

18 redis淘汰策略及3.x与4.x区别 15520

19 synchronized底层实现原理（保证看懂） 15500

20 全面进入云原生时代，拥抱Kubernetes，再见了Spring Cloud 24317

1 K8s Ingress Provider 为什么选择 MSE 云原生网关？ 154

2 行业先锋畅聊 Flink 未来 —— FFA 2021 圆桌会议（北京） 143

3 无影云电脑评测 62

4 一分钟快速搞懂Redis的慢查询分析 72

5 序列特征在推荐算法中的应用 56

6 工程设计论——如何写好工程代码 85

7 IT人的年夜饭，也太香了吧 1964

8 架构模式-事件驱动架构-调度者拓扑 51

9 无影云桌面超级舒爽体验——再也不用担心晚上睡觉的风扇声音了 120

10 云原生时代，软件交付有何不同 | 研发效能提升36计 107

11 如何高效完成ECS多环境部署？ 115

12 vep视频翻录为mp4（支持大黄蜂云课堂6.05） 863

13 无影云桌面超安全的准入体验 67

14 阿里云无影云电脑，互联网发展史上的重大里程碑！ 94

15 我的无影云电脑初体验 101

16 阿里ESC(轻量云) 通过内网访问OSS资源 75

17 markdown语法图文介绍 18214

18 冬季实战营第一期：从零到一上手玩转云服务器学习报告 3827

19 安卓平板体验Java开发，还能白嫖一年阿里无影云！真香 78

20 消息队列 RocketMQ 遇上可观测：业务核心链路可视化 138

相关电子书

更多

《2021云上架构与运维峰会演讲合集》

立即下载

《零基础CSS入门教程》

立即下载

《零基础HTML入门教程》

立即下载