js弹出图片原图效果

1.将js方法独立出来common.js

function openwin(src){

       var basePath = document.getElementById("basePath").value;

       src = basePath + src;

       //alert(src);

       OpenWindow=window.open("","newwin",",toolbar=no,menubar=no,scrollbars=yes,resizable=yes,location=no,status=no");

       //写成一行

       OpenWindow.document.write("<TITLE>查看图片</TITLE>");

       OpenWindow.document.write("<BODY BGCOLOR=#ffffff>");

       //OpenWindow.document.write("<h1>Hello!</h1>");

       OpenWindow.document.write("<img src='"+src+"' />");

       OpenWindow.document.write("</BODY>");

       OpenWindow.document.write("</HTML>");

       OpenWindow.document.close();

   }

2.在需要调用的jsp嵌入

<%

String basePath = request.getScheme() + "://" + request.getServerName() +":"+ request.getServerPort() + request.getContextPath() + "/";

%>

<input type="hidden" value="<%=basePath%>" id="basePath" />

<script language="javascript" type="text/javascript" src="<%=basePath %>js/biz/common.js"></script>

<a href="javascript:void(0);" onclick="openwin('${mem.idCard}/');" title="点击查看原图"><img src="${mem.idCard}/" width="500" height="360"/></a>

js弹出图片原图效果的更多相关文章

JS 点击弹出图片/ 仿QQ商城点击左右滚动幻灯片/ 相册模块，点击弹出图片，并左右滚动幻灯片
1, 点击弹出图片 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...
JS弹出下载对话框以及实现常见文件类型的下载
写在前面 JS要实现下载功能,一般都是这么几个过程:生成下载的URL,动态创建一个A标签,并将其href指向生成的URL,然后触发A标签的单击事件,这样就会弹出下载对话框,从而实现了一个下载的功能. ...
js 弹出对话框的方法总结
原文:http://www.cnblogs.com/xiaofengfeng/archive/2012/10/20/2732784.html <!DOCTYPE html PUBLIC &quo ...
jquery点击按钮弹出图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
layer弹出图片的问题
转载:https://blog.csdn.net/qq_41815146/article/details/81141088 layer下载地址:http://layer.layui.com/ jQue ...
bootstrap中popover.js(弹出框)使用总结+案例
bootstrap中popover.js(弹出框)使用总结+案例 *转载请注明出处: 作者:willingtolove: http://www.cnblogs.com/willingtolove/p/ ...
js弹出对话框的方法总结
九种js弹出对话框的方法总结,需要的朋友可以参考一下 [1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: <script LANGUAGE=" ...
点击弹出 +1放大效果 -- jQuery插件
20140110更新: <!doctype html> <html> <head> <meta charset="UTF-8"> & ...
JS弹出对话框的三种方式
JS弹出对话框的三种方式我们用到了alert()方法.prompt()方法.prompt()方法,都是在网页有一个弹出框,那么就让我们探究一下他们之间的区别: 一.第一种:alert()方法 < ...

随机推荐

【标题】一本帮你提高Excel办公效率的VBA书
公司工程部男同事,EXCEL能力最强的前三位,分别号称:大表哥二表哥三表哥公司财务部女同事,EXCEL能力最强的前三位,分别号称:大表姐二表姐三表姐想成为你们公司的“表哥”.“表姐”? 但 ...
HTML5的placeholder属性如何实现换行
在HTML5中,placeholder是一个非常有用的属性,当控件中无内容时可以代替UI控件的提示功能,而不需要写额外的代码.但如果有一个textarea控件,我们需要多行的文本提示信息时,使用”\n ...
vnext 技术两篇文章和评论
研究vnext的两篇好文章,重点看评论! http://www.cnblogs.com/shanyou/p/4589930.html http://www.cnblogs.com/shanyou/p ...
二、secureCRT的使用过程
准备工作: win7与linux能互相ping通 linux安装了ssh被登陆服务关闭window 防火墙,,控制面板下载secureCRT 参考资料:http://zhidao.baidu.co ...
【上传AppStore】iOS项目上传到AppStore步骤流程(第三章) - 基本信息总汇
一.App ID(bundle identifier) App ID即Product ID,用于标识一个或者一组App. App ID应该和Xcode中的Bundle Identifier是一致(Ex ...
Lisp使用Lambda语法
lamdba 其实就是一个匿名函数. 定义Lisp的lambda语法非常的简单,如下: (lambda ([parameter]) [experssion]) 调用lambda的语法有三种方法,如下: ...
[shell基础]——cut命令
cut命令常见选项
VMWare Workstation 11安装CentOS7,附图 [原创]
1.新建虚拟机 2.新建虚拟机向导,选择典型 3.选择稍后安装操作系统 4.选择linux版本,注意:宿主系统是64位的,此处就得选64位:宿主系统是32位的,此处就得选32位 5.选择路径 6.指定 ...
EJB总结
http://blog.sina.com.cn/s/blog_8ce4eca80101azdd.htmlEJB详解 http://blog.csdn.net/han_yankun2009/articl ...
messager(消息窗口)
一.$.messager.alert()类似js中的alert('String') 方法参数:title, msg, icon, function(回调函数) 描述:title头部面板标题.msg主要 ...

js弹出图片原图效果

js弹出图片原图效果的更多相关文章

随机推荐

热门专题