Servlet(Server Applet)是Java Servlet的简称,称为小服务程序或服务连接器,用Java编写的服务器端程序,主要功能在于交互式地浏览和修改数据,生成动态Web内容。...狭义的Servlet是指Java语言实现的一个接口,广义的Servlet是指任何实现了这个Servlet接口的类,一般情况下,人们将Servlet理解为后者。...Servlet运行于支持Java的应用服务器中。从原理上讲,Servlet可以响应任何类型的请求,但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。 2:什么是JSP?...JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它[1] 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准...) jQuery的使用 Ajax的回调 layer弹出层 MySql数据库(增删查改) Html使用(标签、iframe等) Bootstrap ?
现因需求变更需要更改职责P1来满足新的业务需求,当我们实现完成后,发现因更改职责P1竟导致原本能够正常运行的职责P2发生故障。...而修复职责P2又不得不更改职责P1的逻辑,这便是因为功能类T的职责不够单一,职责P1与职责P2耦合在一起导致的。...全局可访问:JavaScript的单例模式 上面代码都是基于类创建的单例。JavaScript并非是一个真正有"类"的语言。在实践中,有时并不需要做这种脱裤子放屁的事。...js中声明全局变量还是非常简单的。比如在jquery中时 $。然而全局变量是js最广受诟病的缺点之一。如何避免? 命名空间 用属性来取代全局变量,比如用 a.b来取代 b。...但仍然是违反单一职责原则的。假设你辛苦做完项目后,嬗变的需求经理哪天又跟你说:我不要modal了,全部改为iframe。那你就得把相同的逻辑再copy一遍。把创建modal改为创建iframe。
在开发中出现一个iframe双滚动条问题,查了很多资料,网上的解决方案是定义iframe的onload事件,加载时重新加载高度,但是由于项目中页面渲染完成后,点击按钮动态生成数据,这时候上面的方案就不可行了...下面是通过jquery.layout.js来解决双滚动条问题。... div id="liText">div> div> div> div class="ui-layout-center...100%">iframe> div> 同时引入下面js文件 /jquery/plugin/layout/jquery.layout.js"> 在初始化时执行 $(document).ready(function () {
我起了个名字叫Apps,类库命名空间将与Apps开头 如Apps.BLL,Apps.Web等命名 1. 新建MVC5.0的Web站点 ?...2.前端框架EasyUI EasyUI下载:有多新用多新 http://www.jeasyui.com/download/list.php 关于素材的存放,我列了下面 1.把jquery.easyui.min.js...="726px" scrolling="no" height="497px" frameborder="0" id="iOverTimeLogin">iframe> div>...>iframe> div> div> div> div id="tab_menu" class="easyui-menu" style...如果用easyui没有不下几个小时也是很难搭建起来的,不过别担心,我为大家准备了原代码 代码下载 下载的源码有的同学运行有问题请把App_Start下的BundleConfig.cs更改为 using
DOCTYPE html>文档类型声明,避免相关高度属性可能取不到值的情况 iframe代码片段1 div id="tabContent" class="tab-content"> 的页面内容--> div id="tab-content-80" role="tabpanel" class="tab-pane"> iframe name...> div> div id="tab-content-117" role="tabpanel" class="tab-pane active"> iframe name...> JS代码片段1(批量更改所有tab页的iframe高度) /** * 设置tab标签对应的iframe页面高度 */ function changeFrameHeight(){ var...JavaScript”,以上代码也可以使用JQuery的$(window).resize(function)等效实现。
比较(参考 全面理解面向对象的 JavaScript) 基于类Class的面向对象,对象由类Class产生:如Java、C# javascript:基于原型prototype的OOP,对象由构造器...类式继承:本质上还是使用构造函数的prototype,封装成类,典型的例子是jQuery之父John Resig的Simple JavaScript Inheritance,其他类库也有各自的实现...、端口不同 常用解决方案 iframe+document.domain:适用于垮子域的情况 缺点是如果一个域名下存在安全问题,另一个域名下可能也会有问题,还有就是创建iframe的开销 动态引入...的浏览器很慢 尽可能优先使用符合CSS语法规范的CSS选择器表达式,以此来避免使用jQuery自定义的选择器表达式,因为当jQuery遇到单个id, 标签名,类名,选择器就会快速调用浏览器支持的DOM方法查询...baz'); $('.foo div.baz'); // better 尽量避免使用通配符选择器 尽可能的少创建jQuery对象 如document.getElementById('el')比$('#el
DOCTYPE html> div class = "demo">div> jquery...在动态更新页面的情况下,用户无法回到前一个页面状态,这是因为浏览器仅能记下历史记录中的静态页面。...不过开发者已想出了种种办法来解决这个问题,HTML5之前的方法大多是在用户单击后退按钮访问历史记录时,通过创建或使用一个隐藏的IFRAME来重现页面上的变更。...(例如,当用户在Google Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态)。...相关文章 知识图谱可视化Demo Vue快速开发注记 基于RESTful的FastAPI服务模板 学科领域本体关系数据与可视化 FastAPI搭建文件上传服务器 HTML跳转到页面某一位置 JavaScript
基于Bootstrap和JQuery实现动态打开和关闭tab页 by:授客 QQ:1033553122 1....测试环境 JQuery-3.2.1.min.j Bootstrap-3.3.7-dist win7 2....--通过js获取 tab对应的页面内容--> div> div> div> div> JS代码片段 /** * 增加tab标签页 * @param...= 'iframe' + options.menuID; } } /*** * 判断tab页是否已经打开 * @paramtabName当前tab的名称 * @returns {boolean...().top; //容器距离document顶部的距离 } $.each(iframes, function(index, iframe){ var h = window.innerHeight||
测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js...--通过js获取 tab对应的页面内容--> div id="tab-content-80" role="tabpanel" class="tab-pane"> iframe name...> div> div id="tab-content-117" role="tabpanel" class="tab-pane active"> iframe name...$('#tabContent '); // 获取tab标签对应的页面div容器对象 var elementHeight = contentContainer.height(); //容器对象自身高度...windownHeight - (offsetTop-scrollHieght) - elementHeight; } 注意:当改变浏览器窗口高度时,$(window).height() 会随之动态改变
: iframe的高度始终等于嵌入页面内容的高度,而不是屏幕的高度 右侧不允许出现两个滚动条 iframe的高度自适应不仅仅是指刚加载进来时,也有可能嵌入内容的高度会随点击变化(如:下拉菜单,左侧导航栏等...$(".flexiframe").each(function (index) {//iframe公用类名:flexiframe var that = $(this); (function...jquery/3.3.1/jquery.js"> iframe种的html和body跟div的高度关系) div> div> jquery/3.3.1/jquery.js"> <script
/2.1.1/jquery.min.js"> jquery-cookie/1.4.1/jquery.cookie.min.js...-- 更改语言-start --> div class="form-group"> 更改语言-end --> 更改皮肤-end --> div class="form-group"> 的支持。
,function(index,ele){ .... ... }); 3.访问IFrame里的元素 在大多数情况下,IFrame并不是好的解决方案,但由于各种原因,项目中确实用到了IFrame...,所以你需要知道怎么去访问IFrame里的元素 var iFrameDOM = $("iframe#someID").contents(); //然后,就可以通过find方法来遍历获取iFrame中的元素了...'); 7.采配置JQuery与其它库的兼容性 如果在项目中使用JQuery,$ 是最常用的变量名,但JQuery并不是唯一一个使用$作为变量名的库,为了避免命名冲突,你可以按照下面方式来组织你的代码:...根据视窗(viewport)创建一个全屏宽度和高度(width/height)的div 下面代码完全可以让你根据viewport创建一个全屏的div。...有些网站的网页内容不是一次性加载完毕的,而是在鼠标向下滚动时动态加载的,这是怎么做到的呢?
DOM XSS DOM型XSS不同之处在于DOM型XSS一般和服务器的解析响应没有直接关系,而是在Java脚本动态执行的过程中产生的。...源的更改 同源策略认为域和子域属于不同的域,例如 域名1.a.com 与 域名a.com / 域名1.a.com 与 域名2.a.com/ xxx.域名1.a.com 与 域名1.a.com 两两不同源...JSONP跨域 JSONP就是利用 标签的跨域能力实现跨域数据的访问,请求动态生成的Java脚本同时带一个callback函数名作为参数。...服务端收到请求后,动态生成脚本产生数据,并在代码中以产生的数据为参数调用callback函数。 3.2.2.3.2....简介 一些网站会使用白名单或者一些基于DOM的防御方式,对这些方式,有一种被称为 Code Reuse 的攻击方式可以绕过。
你也可以通过添加设置了 .panel-title 类的 - 标签,添加一个预定义样式的标题。..."> Panel content div> div> 运行结果: 5、带表格的面版 为面板中不需要边框的表格添加 .table 类,是整个面板看上去更像是一个整体设计...如果你希望让最终样式与其他属性相匹配,还可以明确地使用一个派生出来的 .embed-responsive-item 类; 超级提示: 不需要为 iframe> 元素设置 frameborder="0"...>iframe> div> div> 运行结果: 2、可选类/样式 通过这两种可选修饰类,可以控制此组件的内补(padding)和圆角的设置; 代码演示: <!
JS动态的生成iframe,实现A域的前端页面与B域的前端页面“互通”,并在B域中使用AJAX申请B域的后台数据 1 postMessage通信的方法与事件 postMessage的跨域方法允许来自不同源的脚本采用异步方式进行有限的通信...- 父级页面 div id="h5course">A域 - HTML5学堂div> div> iframe id=..."child" src="http://lsLib.com/lsLib.html">iframe> div> ...6 postMessage实例开发 - 动态iframe申请B域后台数据 需求:希望A域中能够访问到B域中的后台数据 ? A域中的a.html的代码 iframe还是动态生成iframe标签,均可以完成A域与B域数据的交互 7.6 可以实现A域的前端页面与B域的前端页面进行数据传递; 7.7 可以与AJAX相结合,实现A域前端页面与B域的前端页面进行数据传递
使用范围: OA、MIS、ERP等信息管理类的项目,暂时不考虑网站。 遇到的问题: 完成一个项目,往往需要引用很多js文件,比如jQuery.js、easyUI等。...4、 Js文件的复用。 页面结构: 一般OA、MIS这一类的项目,大多采用frameset或者iframe的方式来实现,这样就有了父页和子页的概念。我们可以利用这一点来做做文章。 ...里面还有若干个iframe加载的页面,我们加做子页。 一般的做法是,父页里加载jQuery.js,然后子页里也要加载jQuery.js。...父页里使用jQuery Var aa = $(’div’); //找到父页里的所有div 子页里是不是可以这么做? ....$ (’div’) ; //能够找到div,但是不是子页的div而是父页里的div。 咋回事呢?原因就在于搜索范围。jQuery是有三个参数的,我们平时只用了第一个,后面的就被忽略了。
异步的JavaScript: 使用 【JavaScript语言】 以及 相关【浏览器提供类库】 的功能向服务端发送请求,当服务端处理完请求之后,【自动执行某个JavaScript的回调函数】。...send的里面 send相当于请求体 数据转换成这种格式 } jQuery Ajax Query其实就是一个JavaScript的类库,其将复杂的功能做了上层封装,使得开发者可以在其基础上写更少的代码实现更多的功能...Ajax和原生 Ajax与后台的data数据交互 注意:POST方式传data类数据的时候,原生 Ajax需要更改请求头(原因和原理都在代码注释中),jQuery会自动帮忙修改请求头;他们其实本质都是原生...iframe标签 iframe标签可以在他下生成一个新的html页面,能够实现局部刷新,其余地方不刷新本业面不刷新,其余地方不刷新,只有iframe底下的那块刷新 先看看利用iframe动态生成页面的效果...id="container1">div> jQuery Ajax上传文件 <a onclick
这些添加的内容不会出现在DOM中,仅仅是在css渲染层中加入。 它不存在于文档中,所以js无法直接操作它。而jQuery的选择器都是基于DOM元素的,因此也并不能直接操作伪元素。...::selection:CSS伪元素应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分)。(只支持双冒号的形式)。 ...更改伪元素的样式 1、更换class来实现伪元素属性值的更改: // CSS代码 .red::before { content: "red"; color: red; } .green::before...{ content: "green"; color: green; } // html代码 div class="red">测试测试div> // jQuery代码 $(".red").removeClass...修改伪元素的content属性的值,建议使用利用DOM的 data-* 属性来更改。
iframe 第一种方式是使用 iframe 标签。...在空白的 HTML 文档中嵌入一个 iframe,并将 designMode 属性设置为 on,文档就会变成可编辑的,实际编辑的则是 iframe 内的 body 元素。...Selection 对象表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区,可能横跨多个元素。文本选区由用户拖拽鼠标经过文字而产生。...如想删除后插入,可获取新的 Selection 对象,利用此时位置所在 dom 元素的方法插入对应的文字、元素。...将这些内容汇总即可实现一个简单的前端富文本编辑器。 下方附上本文内容汇总的代码 demo ,内含基于 iframe 和 div 元素分别实现的富文本编辑器,功能简单,供读者参考。
(2)结尾处加空div标签clear:both。 (3)父级div定义伪类:after和zoom。 (4)父级div定义overflow:hidden。...而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 19、iframe有哪些缺点?...使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好是通过javascript动态给iframe添加src属性值,这样可以绕开以上两个问题。...因为它涉及浏览器兼容、跨域等问题,在项目中一般会使用一些基础类库辅助实现,如jQuery等。 一个简单的Ajax操作如下。 5、谈谈你对JSON的理解。...通过val()便可以获取input的值 把节点元素名加上作为参数调用jQuery方法便可创建新节点,如:jQuery(“div>”)。 5、如何向页面插入节点?