javascript如何将信息在一个可以复制的对话框中弹出? javascript里添加按钮button,然后就可以弹出一...

javascript\u70b9\u51fb\u5220\u9664\u6309\u94ae\u540e\u5982\u4f55\u8ba9\u5b83\u5f39\u51fa\u5bf9\u8bdd\u6846\uff1f

function del() {
if (window.confirm("\u662f\u5426\u786e\u8ba4\u8981\u5220\u9664?")) {
// \u786e\u8ba4\u65f6\u505a\u7684\u64cd\u4f5c
alert("\u70b9\u7684\u786e\u8ba4");
} else {
// \u53d6\u6d88\u65f6\u505a\u7684\u64cd\u4f5c
alert("\u70b9\u7684\u53d6\u6d88");
}
}


\u5e0c\u671b\u5bf9\u4f60\u80fd\u6709\u6240\u5e2e\u52a9\u3002

\u4f60\u81ea\u5df1\u627e\u4e00\u4e2ajQuery\u7684\u5305\u5bfc\u8fdb\u53bb \u4e0d\u660e\u767d\u518d\u8bf4



\u3000\u3000

\u65e0\u6807\u9898\u6587\u6863












\u6ce8\u518c

$(document).ready(function(){
var time=0;
$("#button").click(function(){
showWindow();
center("register");
$("#close").click(function(){
removeWindow();
});
});


function showWindow(){
var htm="\u00d7\u6ce8\u518c\u6846\u5b9e\u4f8b\u6ce8\u518c";

if(time==0){
$("body").append(htm);
time=1;
}

return false;
}

function removeWindow(){
$("#register").fadeOut(function(){
$("#register").remove();
});
return false;
}

function center(id){
var h=$(window).height();
var w=$(window).width();
var fh=$("#"+id).height();
var fw=$("#"+id).width();
$("#"+id).css({
"top":(h-fh)/2,
"left":(w-fw)/2
});
}
$(window).resize(function(){
center("register");
});

});





如果要弹出可以复制的消息,比较麻烦:
使用window.open();方法先打开一个窗口,里面可以带一些参数设置窗口的显示属性,然后使用新打开窗口的document对象的write()方法写入要显示的消息,就可以弹出可以复制文本的框了,方法跟guaimutou所说基本上一样。不过实现起来需要一些技巧,有点麻烦。试试看.

使用自写的弹出窗口就好了:(将下列代码添加到页面中,使用时调用myalert函数,例如:myalert('hello world!');)

function myalert(str) 

var shield = document.createElement("DIV"); 
shield.id = "shield"; 
shield.style.position = "absolute"; 
shield.style.left = "0px"; 
shield.style.top = "0px"; 
shield.style.width = "100%"; 
shield.style.height = document.body.scrollHeight+"px"; 
//弹出对话框时的背景颜色 
shield.style.background = "#fff"; 
shield.style.textAlign = "center"; 
shield.style.zIndex = "25"; 
//背景透明 IE有效 
//shield.style.filter = "alpha(opacity=0)"; 
var alertFram = document.createElement("DIV"); 
alertFram.id="alertFram"; 
alertFram.style.position = "absolute"; 
alertFram.style.left = "50%"; 
alertFram.style.top = "50%"; 
alertFram.style.marginLeft = "-225px"; 
alertFram.style.marginTop = "-75px"; 
alertFram.style.width = "450px"; 
alertFram.style.height = "150px"; 
alertFram.style.background = "#ff0000"; 
alertFram.style.textAlign = "center"; 
alertFram.style.lineHeight = "150px"; 
alertFram.style.zIndex = "300"; 
strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">
"; 
strHtml += " <li style=\"background:#DD828D;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;\">[自定义提示]</li>
"; 
strHtml += " <li style=\"background:#fff;text-align:center;font-size:12px;height:120px;line-height:120px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;\">"+str+"</li>
"; 
strHtml += " <li style=\"background:#FDEEF4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #F9CADE;\"><input type=\"button\" value=\"确 定\" onclick=\"doOk()\" /></li>
"; 
strHtml += "</ul>
"; 
alertFram.innerHTML = strHtml; 
document.body.appendChild(alertFram); 
document.body.appendChild(shield); 
var ad = setInterval("doAlpha()",5); 
this.doOk = function(){ 
alertFram.style.display = "none"; 
shield.style.display = "none"; 

alertFram.focus(); 
}


显示一个漂浮的层不就OK了吗?放上你要和用户对话的按据。OK

弹出一个没有边框的网页不就OK了吗 跟QQ登陆后出新闻的那个一样

还用alert做提示啊`

  • 鐢javascript灏鐢ㄦ埛杈撳叆鐨淇℃伅杈撳嚭鍒扮綉椤典笂?
    绛旓細1銆侀氳繃鑺傜偣鑾峰彇杈撳叆妗嗗唴瀹广2銆佸皢鑾峰彇鍐呭澶嶅埗涓〉闈㈠搴旀爣绛俱
  • javascript濡備綍灏嗕俊鎭鍦ㄤ竴涓彲浠ュ鍒剁殑瀵硅瘽妗嗕腑寮瑰嚭?
    绛旓細浣跨敤window.open();鏂规硶鍏堟墦寮涓涓獥鍙o紝閲岄潰鍙互甯︿竴浜涘弬鏁拌缃獥鍙g殑鏄剧ず灞炴э紝鐒跺悗浣跨敤鏂版墦寮绐楀彛鐨刣ocument瀵硅薄鐨剋rite()鏂规硶鍐欏叆瑕佹樉绀虹殑娑堟伅锛屽氨鍙互寮瑰嚭鍙互澶嶅埗鏂囨湰鐨勬浜嗭紝鏂规硶璺焔uaimutou鎵璇村熀鏈笂涓鏍枫備笉杩囧疄鐜拌捣鏉ラ渶瑕佷竴浜涙妧宸э紝鏈夌偣楹荤儲銆傝瘯璇曠湅....
  • 浣跨敤js,鏃堕棿鎴虫暟鍊鎬庝箞杞崲鎴愭棩鏈
    绛旓細4. 鏍煎紡鍖栨棩鏈熷瓧绗︿覆锛氳幏鍙栧埌鏃ユ湡淇℃伅鍚锛屽彲浠ユ牴鎹渶瑕佸皢鍏舵牸寮忓寲涓哄瓧绗︿覆褰㈠紡銆傚彲浠ヤ娇鐢ㄥ瓧绗︿覆鎷兼帴鎴栬匘ate瀵硅薄鐨刞toDateString`鍜宍toLocaleDateString`鏂规硶鏉ヨ揪鍒拌繖涓洰鐨勩傜ず渚嬩唬鐮侊細javascript let timestamp = 1632572433000; // 鍋囪杩欐槸浣犵殑鏃堕棿鎴虫暟鍊 let date = new Date; // 鍒涘缓Date瀵硅薄骞朵紶閫掓椂闂...
  • 鐢JavaScript鎬庢牱閫変腑琛ㄦ牸涓琛,灏嗕俊鎭瀛樺埌涓涓js鏂规硶涓
    绛旓細浣犵粰姣忚涓涓寜閽紝鍦ㄦ寜閽殑onclick鏂规硶閲岄氳繃document.getElementById鑾峰緱閫変腑鐨勮锛岄氳繃鑾峰緱椤甸潰鍏冪礌鐨剉alue鑾峰緱閫変腑鐨勫硷紝鍐嶈皟鐢ㄤ綘鐨刣elete鏂规硶銆俤elete鏂规硶鎺ュ彈浼犲叆鐨勬暟鎹紝鍐嶇敓鎴恥rl锛岄氳繃post鎴栬単et鏂规硶灏嗘暟鎹彁浜ょ粰action,action閲岄氳繃request.getParameter鑾峰緱浼犲叆鐨勫弬鏁般備互涓婅鐨勫緢绗肩粺锛屼綘浠涔堜笉娓呮鍐...
  • 濡備綍鐢javascript灏鐧婚檰椤甸潰鐨勯敊璇淇℃伅鏄剧ず鍦ㄨ〃鍗曚笂鏂
    绛旓細function checkForm(){ if(document.getElementById("user").value==""){ document.getElementById("error").innerHTML="璇疯緭鍏ョ敤鎴峰悕";document.getElementById("error").style.display="";return false;}else{ return true;} } ...
  • javascript濡備綍鐢╲uejs鎶宸﹂潰鐨淇℃伅鍔ㄦ佹彃鍏ュ埌鍙抽潰鐨勬椂闂磋〃鏍间腑_鐧惧害鐭 ...
    绛旓細鍙宠竟鐢╒UE鐨勬暟鎹粦瀹氾紝宸﹁竟鎵ц娣诲姞鍚庡皢鍐呭娣诲姞鍒板搴旂殑鏁版嵁瀵硅薄閲屽氨琛屼簡锛
  • javascript 濡備綍璁鎻愮ず淇℃伅鏄剧ず鍑犵鍚庤嚜鍔ㄦ秷澶?
    绛旓細濡傛灉鏄敤javascript:alert();鍑烘潵鐨勬彁绀烘锛屾槸鍋氫笉鍒拌嚜鍔ㄦ秷澶辩殑锛屽彧鑳界敤灞傛垨window.showModalDialog()妯℃嫙銆
  • 濡備綍鐢javascript鎻愬彇寮瑰嚭妗嗙殑淇℃伅,璧嬪肩粰鍙橀噺
    绛旓細鏈绠鍗曠殑寮瑰嚭灏辨槸alert鏂规硶.alert("璇蜂娇鐢11浣嶆暟瀛楁妸...(甯︼紛鐨勬槸蹇呭~鍐呭)")杩欎細璋冪敤绯荤粺鑷甫鐨勫脊鍑烘锛岀晫闈㈡病娉曚慨鏀癸紝鑰屼笖涓嬮潰鐨勬寜閽枃瀛楁槸"纭畾"锛屼笉鏄綘灞曠ず鐨"璋㈣阿"鑳藉畬鎴愪綘鎻愮ず鐨勫姛鑳斤紝浣嗘槸涓嶇編瑙傘傚鏋滀綘鎯崇晫闈㈠仛鐨勫拰浣犱笂闈㈡樉绀虹殑涓鐩达紝鍙互鍒涘缓涓涓猟iv锛屽皢杩欎釜div鐨勬牱寮忚缃垚浣犱笂闈㈢殑鏍峰紡...
  • 鍦ㄨ剼鏈腑print涓巃lert鐨勫尯鍒?
    绛旓細print鍜宎lert閮芥槸鍦JavaScript涓敤浜庤緭鍑轰俊鎭殑鍑芥暟锛屼絾瀹冧滑鏈変互涓嬪尯鍒細杈撳嚭浣嶇疆涓嶅悓锛歱rint鏄灏嗕俊鎭杈撳嚭鍦ㄩ〉闈㈢殑鍙墦鍗板尯鍩燂紝鑰宎lert鏄皢淇℃伅寮瑰嚭鍦ㄤ竴涓璇濇涓傝緭鍑烘柟寮忎笉鍚岋細print杈撳嚭鐨勪俊鎭槸闈欐佺殑锛屾棤娉曚氦浜掞紝鑰宎lert杈撳嚭鐨勪俊鎭槸鍔ㄦ佺殑锛屽彲浠ヤ氦浜掋備娇鐢ㄥ満鏅笉鍚岋細print涓昏鐢ㄤ簬璋冭瘯鍜岃緭鍑哄ぇ閲忎俊鎭紝...
  • javaScript涓鎬庝箞璁剧疆鈥濇潵鑷綉椤电殑娑堟伅鈥滃鍥:
    绛旓細鐩存帴閲嶅啓window.alert; 鐢ㄨ嚜宸辩殑鏍峰紡瀹炵幇 window.alert = function(str) { var shield = document.createElement("DIV"); shield.id = "shield"; shield.style.position = "absolute"; shield.style.left = "0px"; shield.style.top = "0px"; shield.style.width = "10...
  • 扩展阅读:javascript打开链接 ... zookeeper老婆hadoop ... javascript+jquery ... javascript高级视频 ... jquerymobile日本 ... javascript appendchild ... javascript void ... xsmax国产和日版 ... javascript innerhtml ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网