如何用JS点击超链接弹出对话框 如何用JS点击超链接弹出对话框
jsp\u70b9\u51fb\u8d85\u94fe\u63a5\u5982\u4f55\u5f39\u51fa\u201c\u662f\u5426\u5220\u9664\u201d\u5bf9\u8bdd\u6846jsp\u70b9\u51fb\u8d85\u94fe\u63a5\u901a\u8fc7\u8c03\u7528js\u65b9\u6cd5\u5f39\u51fa\u63d0\u793a\u5c42\uff1a
function winconfirm()
{
question = confirm("\u662f\u5426\u5220\u9664\u5f53\u524d\u7684\u6570\u636e\uff1f")
if (question != "0"){
window.open("http://www.zzjs.net", "NewWin", "status=yes, height=200,width=400");
}
}
\u8bf7\u70b9\u51fb\u8fd9\u91cc
\u8fd9\u6837\u70b9\u6211
\u6216\u8005\uff1a
\u70b9\u6211
1、在body里面布局,把对话框的大致结构写出来。
2、写css样式,让对话框在网页上体现出来。
3、得到如下图样式,结构完成。
4、最后就是写js样式,让我们的对话框达到一定的效果。
5、点击超链接弹出对话框。
为超链接添加onclick()动作,动作内容为弹出对话框。javascript提供了3种类型的对话框:
alert() : 提醒
confirm():确认,返回 true 或者 false
prompt():带输入的对话框
下面进行实例演示:
1、HTML结构
<a href="#" onclick="fun1()">你有一个礼物</a>
<a href="#" onclick="fun2()">我要接收礼物</a>
<a href="#" onclick="fun3()">必须先对暗号</a>
2、javascript代码
function fun1(){
alert("你得到一个礼物!!")
}
function fun2(){
if(confirm("确定接收礼物?"))
alert("对一下暗号先...");
}
function fun3(){
var code = prompt("请对暗号:");
if(code)
alert("给你礼物!!");
else
alert("蒙人呢!");
}
3、效果演示
<a onclick="alert('提示内容')">xx</a>
或
<script>
function a()
{
alert("内容")
}
</script>
<a onclick="a()">xx</a>
<a href="http://www.baidu.com" onclick="return confirm('继续吗?');">测试</a>
a 里加 onclick=“alert('xx')”
绛旓細鍏堢紪鍐 涓涓猦tml 锛岃缃坊鍔犲浘鐗囪褰曟枃浠惰繛鎺ャjs 娣诲姞涓涓 function 璁剧疆 window.open function Wopen(){ window.open('http://鍦板潃','_blank','width=600,height=400,top=100px,left=0px') }鎵撳紑鍥剧墖
绛旓細瓒呴摼鎺 寤鸿鎻愰棶鑰呮煡闃呬竴浜js鐨勭浉鍏宠祫鏂欍備粠涓嬮潰鐨勯夐」涓 onclick="javascript:銆恆lert('寮瑰嚭淇℃伅')銆"灏嗐愩戜腑鐨勫唴瀹硅繘琛屾浛鎹 璀﹀憡妗嗭細alert('璀﹀憡鍐呭') 寮瑰嚭淇℃伅妗嗘彁閱掔敤鎴锋煇浜涙槦绯 杈撳叆妗嗭細prompt('璇疯緭鍏ユ偍鐨勫鍚','灏忚姳') 寮瑰嚭涓涓鍙緵鐢ㄦ埛杈撳叆淇℃伅 纭妗嗭細confirm('鎮ㄧ‘瀹氳绂诲紑椤甸潰...
绛旓細3銆佽繖鏄敤jquery,璁╁叾鎵鏈瓒呴摼鎺ュ湪鏂扮獥鍙f墦寮 (document).ready(function() { ("a").attr("target","_blank");}) 4銆佺敤jquery,鎯宠涓閮ㄥ垎瓒呴摼鎺ュ湪鏂扮獥鍙f墦寮锛屽彧瑕佸湪鍩鸿寖鍥村姞涓猧d灏卞ソ浜嗭紝姣斿锛岄椤 (document).ready(function() { ("div#ccc a").attr("target","_blank");})...
绛旓細1锛寮瑰嚭鏂扮殑椤甸潰 window.showModalDialog('addrecords.jsp',window,'dialogheight=30;dialogWidth=20;status:0');2锛屾渶濂戒笉瑕佸脊鍑烘柊椤甸潰浜嗭紝鐩存帴鍦ㄥ綋鍓嶇殑椤甸潰鍋氫釜DIV锛屾柊椤甸潰鐨勫唴瀹规斁鍦ㄨ繖涓猟iv涓紝鍒濆鐨刣isplay 灞炴т负none锛鍗曞嚮瓒呴摼鎺鐨勬椂鍊檇isplay灞炴ф敼涓篵lock锛屾垨鑰卝query鍐欑殑璇濆氨鏇寸畝鍗曚簡 ...
绛旓細鍏堝皢闅愯棌鐨刣iv 璁剧疆涓 style="display:none"鐢↗S璋冪敤 缁欐绀轰緥锛 XXXXXXX(鍐呭) function show(){ if (document.getelementbyid('test').display == "none") //灞曞紑 { document.getelementbyid('test').display = ""; (灞曞紑)} else //闅愯棌 { document.getelementbyid('test').display...
绛旓細鐐瑰嚮鍚庣Щ闄や簨浠躲傚鏋滄槸澶搁〉闈傚彲浠ョ敤cookie 淇濆瓨鎵撳紑绐楀彛鍚嶇О
绛旓細鎮ㄥソ:姣斿A1閾炬帴鍒癝heet2锛屽湪A1涓緭鍏ュ叕寮 =HYPERLINK("#Sheet2!A1","Link")杩欐牱灏辨湁瓒呴摼鎺浜嗭紝鐐瑰嚮灏辫烦杩囧幓浜 PS 鍏跺畠鐨勫姙娉曟槸VBA 鍦ㄧ涓鍒椾腑渚濇杈撳叆浣犵殑宸ヤ綔琛ㄧ殑鍚嶅瓧锛屽ぇ灏忓啓涔熻淇濇寔涓鏍凤紒鐒跺悗鐐瑰嚮宸ヤ綔琛ㄦ爣绛撅紝鏌ョ湅浠g爜锛屾妸涓嬮潰鐨勪唬鐮佽创鍦ㄧ獥鍙d腑锛歅rivate Sub Worksheet_SelectionChange(ByVal ...
绛旓細if (!document.getElementsByTagName) return;var anchors = document.getElementsByTagName("a");for (var i=0; i<anchors.length; i++) { var anchor = anchors[i];if (anchor.getAttribute("href"))anchor.target = "_blank";} } window.onload = externallinks; 鎮ㄥ彲浠ュ湪鐏嫄绀惧尯浜嗚В鏇...
绛旓細鐐瑰嚮瓒呴摼鎺鏃犳硶鍚屾椂鎵撳紑澶氫釜椤甸潰锛佸鏋滄兂瀹炵幇鐐瑰嚮涓涓繛鎺ユ墦寮澶氫釜椤甸潰鐨勬柟娉曞彧鑳鐢↗S锛屽綋閭d釜椤甸潰鎵撳紑鍚庯紝鍐嶈嚜鍔ㄥ脊绐桸涓〉闈
绛旓細1.html 閲屾湁涓櫥褰閾炬帴锛 function openLogin(){ window.open("2.html","_blank","width=400,height=300,toolbar=no,scrollbars");} 鐧诲綍 2.html鏄緭鍏ョ敤鎴峰拰瀵嗙爜鐨勭獥鍙o紝鏈夌櫥闄嗘寜閽細 鐢ㄦ埛鍚 瀵 鐮