javascript如何弹出警告框,框内显示一张图片,图片下面一个输入框,或者类似效果? js 如何在对话框中显示图片?
\u70b9\u51fb\u56fe\u7247\u540e\u5f39\u51fa\u8b66\u544a\u6846 \uff0c\u600e\u4e48\u5199\u4ee3\u7801\uff1f\u56fe\u7247\u7684\u94fe\u63a5\u4e0a\u52a0\u5165onClick\u4e8b\u4ef6\u8c03\u7528alert()\u6d88\u606f\u51fd\u6570\u5c31\u53ef\u4ee5\u4e86\uff0c\u5982\u4e0b\u6240\u793a\uff1a
\u5728\u4ee3\u7801\u91cc\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801\u6267\u884c\u5c31\u53ef\u4ee5\u4e86
New Document
<!--
function downLoadImage(imagePathURL){
//\u5982\u679c\u4e2d\u95f4IFRAME\u4e0d\u5b58\u5728\uff0c\u5219\u6dfb\u52a0
if(!document.getElementById("_SAVEASIMAGE_TEMP_FRAME"))
jQuery('<iframe style="display:none;" id="_SAVEASIMAGE_TEMP_FRAME" name="_SAVEASIMAGE_TEMP_FRAME" onload="_doSaveAsImage();"
width="0" height="0" src="about:blank">').appendTo("body");
if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=imagePathURL){
//\u63d2\u5165\u56fe\u7247\u5730\u5740\uff0c\u52a0\u8f7d\u56fe\u7247
document.all._SAVEASIMAGE_TEMP_FRAME.src = imagePathURL;
}else{
//\u56fe\u7247\u663e\u793a
_doSaveAsImage();
}
}
function _doSaveAsImage(){
if(document.all._SAVEASIMAGE_TEMP_FRAME.src!="about:blank")
document.frames("_SAVEASIMAGE_TEMP_FRAME").document.execCommand("SaveAs");
}
//-->
首先,HTML里在BODY下加一个DIV,样式{position: absolute;left:0;top:0;display:none;}
然后把警告框的效果做成HTML放在这个DIV里,要弹出这个警告框的时候,把DIV的width跟height设置成document.clientWidth跟clientHeight,就是把DIV最大化,盖住其他元素来阻止对其他元素的操作(如点击),再设置style.display="block"来显示这个DIV,关闭的时候就只需将style.display="none"就OK了~~~
思路就是这样,实在不懂,写不来就再追问吧
这种效果是通过js弹出一个div 然后模拟一个一个弹出层实现的。
http://www.kudystudio.com/jbox/jbox-demo.html
里面有相信的代码你可以下下来看
需要自己模拟的
http://jqueryui.com/resources/demos/dialog/modal-message.html
绛旓細<!DOCTYPE html>//涓鏈堜竴鍙穠ar firstDay = new Date();firstDay.setMonth(0);firstDay.setDate(1);//澶╂暟var days = (new Date - firstDay) / (1000 * 60 * 60 * 24) + 1;//鏄剧ずalert("浠婂ぉ锛" + new Date().getYear() + "/" + (new Date().getMonth() + 1) + "/" ...
绛旓細alert("纭")锛涙垨 var val=confirm("纭");
绛旓細杩欐牱锛屼綘鍙互鍏堣瀹氫竴涓獙璇佸嚱鏁癱heck锛岄獙璇佹垚鍔熻繑鍥瀟rue锛屽け璐ュ垯杩斿洖閿欒淇℃伅銆傞偅涔堝湪鐐瑰嚮id涓簊ubmit鐨勬寜閽紙鍋囪鏄繖涓〃鍗曠殑鎻愪氦鎸夐挳锛夋椂锛岀粦瀹氫竴涓猣unction锛屽涓嬶細("#submit").click(function(){ var result = check(); if(result!==true){ $("#error").show().html(result); ...
绛旓細杩欏氨鏄竴涓寮瑰嚭璀鍛婃锛宎lert 鎷彿閲岄潰灏辨槸鏄剧ず鐨勫唴瀹癸紝濡傚浘
绛旓細鐩存帴鍦℉TML鍏冪礌涓娇鐢ㄤ簨浠跺睘鎬 鍦℉TML鍏冪礌涓洿鎺ユ坊鍔犱簨浠跺睘鎬ф槸鏈绠鍗曠殑浜嬩欢缁戝畾鏂瑰紡銆備緥濡傦紝鎴戜滑鍙互鍦ㄤ竴涓寜閽厓绱犱笂娣诲姞涓涓偣鍑讳簨浠讹細html 鐐瑰嚮鎴 鍦ㄤ笂杩颁唬鐮佷腑锛屽綋鐢ㄦ埛鐐瑰嚮鎸夐挳鏃讹紝灏变細寮瑰嚭涓涓鍛婃鏄剧ず鈥滀綘鐐瑰嚮浜嗘寜閽紒鈥濄備娇鐢―OM 0绾т簨浠跺鐞嗙▼搴 鍙︿竴绉嶆柟寮忔槸閫氳繃JavaScript浠g爜浣跨敤DOM 0绾т簨浠...
绛旓細澶囨敞锛氫骇鐢熶竴涓姤璀﹀姩浣滐紝灏咥lertInfo淇℃伅杩斿洖缁欐渶涓婂眰搴旂敤妯″潡锛岃鍑芥暟鏃犺繑鍥炲硷紝璇ュ嚱鏁颁粎瀵圭敤鎴峰瓧娈点佹妧鏈垎鏋愶紙鎶鏈寚鏍囥並绾挎ф併佺壒寰佽蛋鍔匡級鏈夋晥锛屼笉鏀寔鍏朵粬鍏紡绫诲瀷銆傜ず渚嬶細Alert锛堚淏BI涓婄┛鎶ヨ鈥濓級寮瑰嚭璀鎶モ淏BI涓婄┛鎶ヨ鈥濄俛lert()鏄 window 鐨勫唴缃嚱鏁帮紝琚涓烘槸鍚屾 CPU浠g爜锛JavaScript 寮曟搸...
绛旓細鍦 function alt(item){ if(item.equals('')||item==''){ alert('浣犺緭鍏ョ殑鍐呭涓虹┖!');} }
绛旓細jsp servlet?..浣犲彲浠ュ湪Servlet涓..reques.setAttribute("error","璐﹀彿瀵嗙爜閿欒!");鐒跺悗鍦╦sp涓.鍒ゆ柇鏄惁瀛樺湪杩欎釜鍊..鍐嶄娇鐢javascript寮瑰嚭鍜..jsp:瀵煎叆鍖:<%@taglib prefix="c" uri=" http://java.sun.com/jsp/jstl/core"%>鍒ゆ柇杩欐牱鍐:<c:if test="${not empty error}">�0...
绛旓細娴忚鍣ㄤ腑 绂佺敤浜javascript锛岄偅涔堝氨浼氬鑷寸綉椤垫樉绀轰笉姝e父锛屾斁澶氳棰戞垨鑰呭甫鏈寮瑰嚭绐楀彛鐨勭綉椤靛氨浼氭樉绀轰笉鍑烘潵锛岀鐢ㄩ氬父鏄煇浜涜蒋浠舵垨鑰呯梾姣掗氳繃璁剧疆鐨勫師鍥狅紝鍙氳繃浠ヤ笅姝ラ鎭㈠锛氶鍏堟墦寮ie娴忚鍣紝鐒跺悗鐐瑰嚮涓婇潰鐨勮彍鍗曟爮涓殑宸ュ叿锛岀劧鍚庡啀鐐瑰嚮internet閫夐」銆傚鍥俱2.鍦ㄦ祻瑙堝櫒閫夐」涓紝榛樿鏄湪甯歌鐨勯夐」鍗′腑锛岀偣鍑...
绛旓細瀵圭殑锛屽氨鏄彁绀烘湰鍦扮殑锛岃繖涓槸IE鐨勫畨鍏ㄧ瓥鐣ャ傜敤鍒殑娴忚鍣ㄥ氨娌℃湁浜嗭紝杩欎釜鏄繃鍘绘椂浜嗭紝鐜板湪鐨js宸茬粡鍓婂急浜嗗鏈湴鐨勬搷浣滄潈闄