js阻止默认事件与js阻止事件冒泡示例分享,使用POST方式弹出窗口的两种方法示例介绍

最近在做一个功能需要弹窗,但是不能用get方式,因为get方式对url的长度有限制,所以必须用post,总结了两个方法

js跳转页面方法大全 <span id=”tiao”>3</span><a
href=”javascript:countDown”></a>祥子网屋;秒后自动跳转……<meta
http-equiv=refresh content=3;url=’/search/billsearch.jsp'</ul>

  1. event.preventDefault();  — 阻止元素的默认事件。
    注:a元素的点击跳转的默认事件 ,

<!–脚本开始–>
<script language=”javascript” type=””>
function countDown(secs){
tiao.innerText=secs;
if(–secs>0)
   setTimeout(“countDown(“+secs+”)”,1000);
}
countDown(3);
</script>
<!–脚本结束–>

button,radio等表单元素的默认事件 ,

复制代码 代码如下:

按钮式: <INPUT name=”pclog” type=”button” value=”GO”
onClick=”location.href=’//www.jb51.net/'”>

div 元素没有默认事件

var $form1=$(“<form action='”+url+”‘ id=’f’ name=’f’
method=’post’></form>”);
$form1.append($(“<input type=’hidden’ name='”+i+”‘
value='”+params[i]+”‘/>”));
var scriptStr=”<script
type=’text/javascript’>document.f.submit();</script>”;
$(“body”).append($form1);
var newWindow=openwin(“”,null,800,600);
newWindow.document.write($form1[0].outerHTML+scriptStr);

链接式: <a href=”javascript:history.go(-1)”>返回上一步</a>
<a
href=”<%=Request.ServerVariables(“HTTP_REFERER”)%>”>返回上一步</a>

例:

直接跳转式: <script>window.location.href=’//www.jb51.net’;</script>

复制代码 代码如下:

复制代码 代码如下:

开新窗口: <a href=”javascript:”
onClick=”window.open(‘//www.jb51.net’,”,’height=500,width=611,scrollbars=yes,status=yes’)”>祥子网屋</a>

<a href=”” target=”_black”>百度</a>

var $form1=$(“<form action='”+url+”‘ id=’f’ name=’f’
target=’newWindow1′ method=’post’></form>”);
for(var i in params){
$form1.append($(“<input type=’hidden’ name='”+i+”‘
value='”+params[i]+”‘/>”));
}
$(“body”).append($form1);
var newWindow=openwin(“”,’newWindow1′,800,600);
$form1.submit();

JS跳转页面参考代码

复制代码 代码如下:

这两种方法效果上看都差不太多,都是先弹出一个窗口,然后让弹出的窗口进行post提交

第一种: <script language=”javascript” type=”text/javascript”>
window.location.href=”login.jsp?backurl=”+window.location.href;
</script>

var samp = document.getElementByTagName(“a”);
samp.addEventListener(“click”,function(e){e.preventDefault()},false);

发表评论

电子邮件地址不会被公开。 必填项已用*标注

标签:
网站地图xml地图