美文网首页
form method='post' targe

form method='post' targe

作者: beforerFE | 来源:发表于2016-10-24 17:13 被阅读395次

    Chrome设置

    chrome://settings/(com+,)-> 隐私设置 -> 内容设置

    Paste_Image.png

    代码块

    <!doctype html>
    <html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title> /</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
        
      </head>
      <body>
      <!--方法1 submit,窗口被浏览器拦截-->
      <script type="text/javascript">
            var get_standar_post = function(url,agrs){
            var form = $("<form method='post' target='_blank'></form>");
            form.attr({"action":url});
            for (arg in agrs) {
                var input = $("<input type='hidden'>");
                input.attr({"name":arg});
                input.val(agrs[arg]);
                form.append(input);
            }
            form.submit();
        };
        //get_standar_post('http://baidu.com/',{ name: 'zyt' });
     </script>
    
        <!--方法2 trigger,窗口被浏览器拦截-->
        <form id="form2" method='post' target='_blank' action="3i23ysnmnd">
            <input type="text" name="key" value="123">
            <input id="submit" type="submit"  name="submit">
        </form>
        <script type="text/javascript">
            $('#submit').on('click',function(){
                alert(1212);
            });
            
            $(function() {
                //$('#submit').trigger('click');
                //http://www.css88.com/jqapi-1.9/trigger/
                //naturally-occurring event
                //浏览器会拦截窗口,是把窗口当成js弹出广告,造成的原因是如果是用户主动触发,一般不会拦截,用js触发的,一般都会拦截。
            })
        </script>
    
    <!--方法3 用户主动触发 未拦截-->
    <form id="form3" method='post' target='_blank' action="333333">
        <input type="text" name="key" value="123">
    </form>
    
    <script type="text/javascript">
        $(document.body).on('click',function(){
            $("#form3").submit();
            //有用户的实际点击,哪怕不是在form3内的submit按钮,也可以不被拦截
        })
    
    </script>
    
    
    
    
    <!--方法4  window.open, 拦截,但是做出提示-->
    <form id="form4" method='post' target='_blank' action="44444444">
        <input type="text" name="key" value="123">
    </form>
    <script type="text/javascript">
    //http://blog.csdn.net/nature_fly088/article/details/8219345
    $(function(){
        var flag = window.open('',"","");
        if(flag==null) {
            alert("您的浏览器启用弹出窗口过滤功能!\n\n请暂时先关闭此功能!") ;
        }
        $("#form4").submit();
        window.close();
    })
    
    </script>
    
    
    
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:form method='post' targe

          本文链接:https://www.haomeiwen.com/subject/empluttx.html