怎样用js实现点击<a>时制出现一个弹窗 点击上传，发表，发起，话题，发起这五个链接词时，怎样用js控...
\u6c42JS\u5f39\u7a97\u4ee3\u7801 \u53ef\u4ee5\u63a7\u5236\u5f39\u51fa\u65f6\u95f4
function openwin(){
window.open( http://www.baidu.com)// \u8fd9\u4e2a\u5730\u5740\u53ef\u4ee5\u662f\u76f8\u5bf9\u7684 \u4e5f\u53ef\u4ee5\u662f\u7edd\u5bf9\u7684\uff0c\u81f3\u4e8e\u7a97\u53e3\u7684\u5176\u4ed6\u8bbe\u7f6e\uff0c\u8bf7\u67e5\u9605window.open\u7684\u7528\u6cd5}
setTimeout(openwin,5000) // \u8fd9\u4e2a5000\u5c31\u662f\u53ef\u4ee5\u5f39\u51fa\u7a97\u53e3\u7684\u65f6\u95f4\uff0c\u5355\u4f4d\u6beb\u79d2 1000\u6beb\u79d2=1\u79d2
\u6211\u4e3e\u4e2a\u4f8b\u5b50<a href="cp.php?ac=upload" class="gray"
name="shangchuanBlum" onfocus="checkLimit" onclick="checkLimit()">\u4e0a\u4f20
\u6539\u6210
\u4e0a\u4f20
\u7136\u540e
function checkLimit(t){
if(xxxx){
alert('\u4f60\u6ca1\u767b\u9646\uff01\uff01\uff01');
return false;//\u6216\u8005window.location\u8c03\u5230\u767b\u9646\u9875
}else{
if(t==1){
window.location.href="cp.php?ac=upload";
}
}
}
为超链接添加onclick()动作，动作内容为弹出对话框。javascript提供了3种类型的对话框：
alert() : 提醒
confirm()：确认，返回 true 或者 false
prompt()：带输入的对话框
- <a href="#" onclick="fun1()">你有一个礼物</a><a href="#" onclick="fun2()">我要接收礼物</a><a href="#" onclick="fun3()">必须先对暗号</a>
- function fun1(){ alert("你得到一个礼物！！")}function fun2(){ if(confirm("确定接收礼物？")) alert("对一下暗号先...");}function fun3(){ var code = prompt("请对暗号："); if(code) alert("给你礼物！！"); else alert("蒙人呢！");}
下面进行实例演示：
1、HTML结构
2、javascript代码
// 源生JS方法：
var a = document.querySelector('a');
a.onclick = function() {
window.open('//www.baidu.com');
}
// jQuery方法
$('a').click(function () {
window.open('//www.baidu.com');
})
<a href="地址" target="_blank">*****</a>
添加onclick时间就可以了
绛旓細鑴氭湰璇存槑:绗竴姝:鎶婂涓嬩唬鐮佸姞鍏ュ尯鍩熶腑 <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Begin var ver = navigator.appVersion;var dom = document.getElementById ? 1 : 0;var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;var n = (document.layers);var ie = (docume...
绛旓細鎸夐挳鍚嶇О涓衡滄竻绌篸iv閲岄潰鐨勫唴瀹光濄5銆佸湪test.html鏂囦欢涓紝缁檅utton鎸夐挳缁戝畾onclick鐐瑰嚮浜嬩欢锛屽綋鎸夐挳琚偣鍑绘椂锛屾墽琛宑learcon锛堬級鍑芥暟銆6銆佸湪js鏍囩涓紝鍒涘缓clearcon()鍑芥暟锛屽湪鍑芥暟鍐咃紝浣跨敤getElementById锛堬級鏂规硶閫氳繃id锛坱estid锛夎幏寰梔iv瀵硅薄锛屽皢innerHTML灞炴ц缃负绌猴紝渚垮彲瀹炵幇娓呯┖div鐨勫唴瀹广
绛旓細鎻愪氦 var btn = document.getElementById("btn");btn.click();
绛旓細鐩存帴鍦js閲屽啓onClick灏卞彲浠ヤ簡锛屼緥濡俤ocument.getElementById("#鍏冪礌").onClick=function() {...}
绛旓細鍦js閲岄潰鍐檇ocument.forms[0].action="xxx.do"; 鐒跺悗鍦ㄦ寜閽噷闈㈠姞涓妎nclick浜嬩欢璋冪敤js閲岄潰鐨勯偅涓嚱鏁板嵆鍙
绛旓細2012-05-04 html涓,濡備綍鐐瑰嚮button灏辫兘寮瑰嚭涓涓柊鐨勭獥鍙? 34 2016-12-24 璁捐涓涓綉椤,浣垮緱鎵撳紑瀹冩椂寮瑰嚭涓涓叏灞忕殑绐楀彛,璇ョ獥鍙ｄ腑鏈変竴涓... 2012-12-13 缃戦〉璁捐濡備綍瀹炵幇鍥剧墖鍐呮寜閽偣鍑诲悗灞曠ず瀛愬浘鐗 1 2013-12-09 濡備綍鐢╦s瀹炵幇 鍦ㄥ綋鍓嶉〉闈㈡墦寮鏂伴〉闈 鑰屼笉鏄湪鏂扮獥鍙ｆ墦寮 4 2014-01-30 缃戦〉璁捐缂栫▼...
绛旓細濡備笅鍙傝冿細1.椤甸潰澶嶅埗鏈変竴涓猧d涓篶2鐨刣iv锛屼笅闈㈡湁涓涓瓙div锛屼笅闈㈡湁涓涓寜閽紝浜嬩欢鏄敤鏉鐐瑰嚮100涓猘dddiv銆2.鍦╡vent鍑芥暟涓紝瀹氫箟涓涓唴瀹逛负degreediv瀛楃鐨勫瓧绗︿覆鍙橀噺銆3.鐒跺悗浣跨敤jquery鐨刟ppend灏嗗凡鐭ョ殑div瀛楃涓叉坊鍔犲埌c2div锛屽涓嬫墍绀恒4.杩愯椤甸潰锛岀幇鍦ㄥ彧鐪嬪埌涓涓猟iv锛屽涓嬪浘鎵绀恒5.鍗曞嚮涓嬮潰鐨...
绛旓細濡傛鏄笉鍙兘瀹炵幇鐨勶紝鍙互鍦╝鏍囩鐨勨渁bc鈥濆娣诲姞涓涓猻pan銆俛bc 鍗筹紝abc 鐒跺悗js閲岋紝document.getElementById("spanId").click(); 浣犺鐐瑰嚮鐨勬槸abc 杩欎釜 鎵浠ヤ綘妯℃嫙鐐瑰嚮浜嬩欢鑲畾鏄鐐硅繖涓猘bc鍟
绛旓細 document.querySelectorAll(".aa").forEach((item, index) => { item.onclick = () => { document.querySelectorAll(".bb")[index].style.color = "red"; } }) 璇烽噰绾
绛旓細= "running";} else { // 鍚﹀垯锛屾殏鍋滃姩鐢 animation.style.animationPlayState = "paused";} });璇锋敞鎰忥紝杩欏彧鏄竴涓畝鍗曠殑绀轰緥鏉ユ紨绀濡備綍瀹炵幇鐐瑰嚮鎸夐挳鏆傚仠鍔ㄧ敾鐨勬晥鏋溿傚叿浣撶殑浠ｇ爜瀹炵幇鍙兘浼氭牴鎹偍鐨勯」鐩渶姹傝屾湁鎵涓嶅悓銆傚笇鏈涗互涓婁俊鎭鎮ㄦ湁鎵甯姪锛佸鏋滄偍鏈変换浣曡繘涓姝ョ殑闂锛岃闅忔椂鎻愰棶銆
