前端html+js实现抢登陆

某站有登陆限制,登陆数量超过一定数就登陆不进去了,只有等人退出才能登陆进去,总不能一直手工登陆吧,手工点登陆好久也登陆不上,然后写个html代替手工提交post请求,因为涉及到跨域,而又不想写后端代码,只有提交一次打开一个页面了,如果通过后端判断,可以统计次数,判断登陆状态等,那需要分析HTTP数据包,可能是单点登陆的,只是做个可以用就好了,代码如下:

<!DOCTYPE html>
<html lang="zh-cn">
<head><title>OA刷登陆</title> <meta http-equiv="refresh" content="5"></head>
<body>
<center>
<form method="post" id="myform" class="myform" action="http://0535code.com/seeyon/main.do?method=login" target="_blank">
<input type="hidden" name="authorization" value="">
<input type="hidden" name="power" value="2">
<span>账户:</span><input type="txt" name="login_username" value="改为你的密码"> |
<span>密码:</span><input type="txt" name="login_password" value="改为你的账户"> |
<input type="hidden" name="random" value="">
<input type="hidden" name="fontSize" value="12">
<input type="hidden" name="screenWidth" value="1366">
<input type="hidden" name="screenHeight" value="768">
<input type="hidden" name="screenHeight" value="768">
<input type="button" value="开始登陆..." onclick="auto_submit();" />
</form>
</center>
<iframe height=768 width=1366 marginHeight=2 marginWidth=2 frameBorder=2 align="middle" scrolling=no  rel="nofollow"  src="http://0535code.com/seeyon/main.do?method=login"></iframe>
<script type="text/javascript">
function auto_submit() {
    //alert("test");
    document.getElementById('myform').submit();
    //setTimeout("auto_submit()", 2000);
}
auto_submit();
</script>
</body>
</html>

实现手机客户自动跳转代码

实现手机客户自动跳转代码,如下:

function checkMobile(){
var isiPad = navigator.userAgent.match(/iPad/i) != null;
if(isiPad){
return false;
}
var isMobile=navigator.userAgent.match(/iphone|android|phone|mobile|wap|netfront|x11|java|opera mobi|opera mini|ucweb|windows ce|symbian|symbianos|series|webos|sony|blackberry|dopod|nokia|samsung|palmsource|xda|pieplus|meizu|midp|cldc|motorola|foma|docomo|up.browser|up.link|blazer|helio|hosin|huawei|novarra|coolpad|webos|techfaith|palmsource|alcatel|amoi|ktouch|nexian|ericsson|philips|sagem|wellcom|bunjalloo|maui|smartphone|iemobile|spice|bird|zte-|longcos|pantech|gionee|portalmmm|jig browser|hiptop|benq|haier|^lct|320x320|240x320|176x220/i)!= null;
if(isMobile){
return true;
}
return false;
}
function _getCookie(cname){
var cookieStr = document.cookie.match("(?:^|;)\\s*" + cname + "=([^;]*)");
return cookieStr ? unescape(cookieStr[1]) : "";
}
var URL_MAP = [
["invogue/style-pk/", "invogue/"],
["invogue/dream-ticket/", "invogue/"],
["invogue/high-street/", "invogue/"],
["invogue/vogue-style/", "invogue/"],
["invogue/dress-q/", "invogue/"],
["invogue/accessory/", "invogue/"],
["invogue/brand-journey/", "invogue/"],
["invogue/industry/", "invogue/"],
["invogue/brand-news/", "invogue/"],
["invogue/vogue-office/", "invogue/"],
["invogue/street-chic/", "street-chic/"],
["invogue/image-mania/", "image-mania/"],
["beauty/makeup/", "beauty/"],
["beauty/new-in-store/", "beauty/"],
["beauty/howto/", "beauty/"],
["beauty/celeb-beauty/", "beauty/"],
["beauty/skincare/", "beauty/"],
["beauty/fitness/", "beauty/"],
["beauty/hair/", "beauty/"],
["beauty/editor-pick/", "beauty/"],
["beauty/brand-news/", "beauty/"],
["beauty/fragrance/", "beauty/"],
["beauty/street-styling/", "street-chic/"],
["people/celeb-style/", "people/"],
["people/best-worst/", "people/"],
["people/party/", "people/"],
["people/icons/", "people/"],
["people/red-carpet/", "people/"],
["people/talk-of-town/", "people/"],
["people/models/", "people/"],
["people/star-spot/", "street-chic/"],
["shoes-bags/", "shoes-bags/"],
["jewelry-watch/season-jewelry/", "jewelry/"],
["jewelry-watch/season-watch/", "watch/"],
["magazine/current-issue/", "magazine/"]
];
function _getCookie(cname){
var cookieStr = document.cookie.match("(?:^|;)\\s*" + cname + "=([^;]*)");
return cookieStr ? unescape(cookieStr[1]) : "";
}
(function(){
if(checkMobile()){
if( _getCookie("visitWWW")!=="visited" ){
var thisHost = "http://"+location.hostname;
var thisHREF = document.URL, request_uri = thisHREF.substr(thisHost.length+1), reg;

if(thisHREF==”http://www.0535code.com”||thisHREF==”http://www.0535code.com/”||thisHREF==”http://0535code.com/”){
window.location.href=”http://m.0535code.com/”;
}else{
for(var i=0; i<URL_MAP.length-1; i++){
reg = new RegExp(“^” + URL_MAP[i][0], “i”);

console.log(reg.test(request_uri))
if(reg.test(request_uri)){
request_uri = request_uri.replace(URL_MAP[i][0], URL_MAP[i][1]);
window.location.href = “http://m.0535code.com/” + request_uri;
}
}
}
}
}
})();

把上面代码保存为JS后缀,在首页包含即可。
<script type=”text/javascript” src=”js/shouji.js”></script>

JS弹窗代码实现

无意的一次机会想到一个商业点子,想在别人打开网站的时候,第一先打开页面,第二直接打开咨询对话框,然后想去实现,不过基于浏览器的安全机制,只能实现部分,或者换方法了,先看下下面的弹窗代码:

<html>
<head>
<script LANGUAGE="javascript">
<!--
function openwinxp() {
window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
}
//-->
</script>
</head>
<body onload="openwinxp()">
...任意的页面内容...
</body>
</html>

就是在打开页面到body区了,开始触发openwinxp函数,这就是弹窗代码,但是用IE或者其他浏览器打开页面,会弹出提醒,是否需要打开另外一个页面,有些浏览器比如谷歌浏览器,直接就阻止了,那这种方式实现就不太好了,只有换个实现方法,可以把这个页面当成框架,嵌入客户打开的那个页面,这样算起来就是一个页面了。想不到更好的办法,只想到这个了。大家有好的思路欢迎一起探讨。

DIV怎么变成超链接

今晚搞一个JS,客户需要实现在JS幻灯图片上有一个图片在左边不跟着转动,刚开始想用热点实现,那个没用过,想到另一种方法,就是用div绝对居中,调整下位置让他覆盖,图片还需要点击进入响应的超级链接,那就要把整个div变成超链接了,在网上找了一下 实现的方法,如下代码:
<div class=baoming onclick=”location.href=’#’;”></div>
给客户把这个div背景设置下就变成图片了,或者放在div里面都是可以的。设置div代码如下:
background:url(../11.jpg);
 

JS无提示自动关闭网页代码

<script language="javascript">
var i=3;
function AutoClose()
   {
     i=i-1;
     document.title="√  ★网痴☆ 编程网:本窗口将在"+i+"秒后自动关闭!";
     if(i>0)
       setTimeout("AutoClose();",1000);
     else{
        self.opener = null;
        self.close();
         }
   }
   AutoClose();
</script>

JS无提示自动关闭网页代码..

<script>
var   c=3;   //设置时间(3秒)
setInterval("if(c--<0){window.opener=null;window.close()}",1000)
document.onmousemove=new   Function("c=3")
document.onkeydown=new   Function("c=3")
</script>
 
<script>
var   c=3;   //设置时间(3秒)
setInterval("if(c--<0)window.close()",1000)
document.onmousemove=new   Function("c=3")
document.onkeydown=new   Function("c=3")
</script>

网页无动作时自动关闭

<script   language="JavaScript"><!--
var   meizz;   //设置一个全局变量
var   n   =   300   *   1000;   //时间设置(300秒)
meizz   =   setTimeout("window.opener='meizz';window.close();",   n);
function   autoClose()
{
      clearTimeout(meizz);
      meizz   =   setTimeout("window.opener='meizz';window.close();",   n);
}
 
document.attachEvent("onmousemove",   autoClose);
document.attachEvent("onkeydown",   autoClose);
//--></script>

JS动态添加文本框

JS动态添加文本框代码:

<table id="tbl" width="300" name="tbl" border="1">
  <tr>
    <td width="160">內容</td>
    <td>名称</td>
    <td><input type="button" value="增加" onclick="insert_row()"></td>
  </tr>
</table>
<script language="javascript">
var i=0
function insert_row(){
i++
R=tbl.insertRow()
C=R.insertCell()
C.innerHTML="<input type='text' name='name'>"
C=R.insertCell()
C.innerHTML="名称"+i
C=R.insertCell()
C.innerHTML="<input type='button' value='删除' onclick='tbl.deleteRow("+(i-1)+")'>"
}
</script>

页面居中兼容解决方案

今天碰到一个问题,一个客户跟我讲页面跑左边去了,不居中了,之前记得是居中的,不晓得为么不居中了,看下代码没什么问题应该是居中,详细看了下,原来缺少了一个body居中,CSS中也没写,所以跑左边去了。顺便把页面居中的问题整理了一下。

#juz{
width:950px;
height:auto;
margin:0 auto;
padding:0px;
}

html,body {
margin:0 auto;
WIDTH: 950px;
text-align: center;
}

<div id=juz>? —- </div>