zoukankan      html  css  js  c++  java
  • 设置联通登录页面

    https://uac.10010.com/portal/homeLogin

    设置联通页面放大 切换到短信验证码方式,隐藏元素

    设置成这样

    (function initPage(){
    
        function  createUnicomTitle() {     //添加个标题
            var para=document.createElement("h6");
            //var node=document.createTextNode('<h1 style="font-size : 30px;padding-left: 20px; padding-top: 20px; color: #ff8d10"> 联 通 手 机 号 码 登 录 </h1>');
            var node=document.createTextNode(' 联 通 手 机 号 码 登 录 ');
            para.appendChild(node);
    
    
            var element=document.querySelector("div.mpLogin.clearfix.ie6Png.bgdLogin");
            element.insertBefore(para,element.childNodes[0]);
    
            document.querySelector('h6').style.cssText = 'font-size : 28px; padding-top: 20px; color: #ff8d10; text-align:center; ';
        }
    
        document.querySelector('span.switchuser > a').click(); //如果是显示已经登录了,就点击切换账号登录
    
        document.getElementsByTagName('body')[0].style.zoom = 2.7;   //扩大页面
    
        document.querySelector('#userName').value = '';     //清除输入框的值,以免点击切换登录方式时候自动发了短信
        document.querySelector('#userPwd').value = '';
        document.querySelector('a.randomCodeLogin.ie6Png').click();  //点击切换使用短信验证码方式
    
        document.querySelector('#userPwd').value = '';
    
        document.querySelector('div.boxTop > em').style.display = 'None';   //隐藏元素
        document.querySelector('#freeRegist').style.display = 'None';
        document.querySelector('#forgotPwd').style.display = 'None';
        document.querySelector('#thirdlogin1Div > span').style.display = 'None';
        document.querySelector('#thirdlogin1Div > p').style.display = 'None';
    
        createUnicomTitle();
    
        function hidePng() {
            document.querySelector(' a.serviceCodeLogin.ie6Png').style.display = 'None';
            document.querySelector(' a.randomCodeLogin.ie6Png').style.display = 'None';
        }
        setInterval(hidePng,100); //一直禁止显示切换方式
    
    })();

    设置京东页面

    //隐藏元素防止出错
    function setDisplayNone(cssStr) {
        try{
            document.querySelector(cssStr).style.display = 'None';
        }catch (e){
    
        }
    }
    
    //设置元素的样式
    function setCssText(cssStr, styleStr) {
        try {
            document.querySelector(cssStr).style.cssText += styleStr;
        }catch (e){
    
        }
    }
    
    function appendText(parent, text) {
        if (typeof text === 'string') {
            var temp = document.createElement('div');
            temp.innerHTML = text;
            // 防止元素太多 进行提速
            var frag = document.createDocumentFragment();
            while (temp.firstChild) {
                frag.appendChild(temp.firstChild);
            }
            parent.appendChild(frag);
        }
        else {
            parent.appendChild(text);
        }
    }
    
    function  createTitle(titleStr) {     //添加个标题
        if (! document.querySelector('body >h6')){
            try{
                var para=document.createElement("h6");
                //var node=document.createTextNode('<h1 style="font-size : 30px;padding-left: 20px; padding-top: 20px; color: #ff8d10"> 联 通 手 机 号 码 登 录 </h1>');
                var node=document.createTextNode(titleStr);
                para.appendChild(node);
    
                var element=document.querySelector("body");
                element.insertBefore(para,element.childNodes[0]);
    
                document.querySelector('h6').style.cssText = 'font-size : 22px; padding-top: 20px; color: #3366FF; text-align:center; ';} catch (e) {
    
                console.debug(e);
            }
        }
    }
    
    function addViewport(){
        appendText(document.querySelector('head'), '<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">');
    }
    
    
    function initLoginPage() {
        console.debug("初始化页面");
    
    
        //去掉页面其他
        setDisplayNone('body > div:nth-child(1)');
        setDisplayNone('#content > div.tips-wrapper');
        setDisplayNone('#content > div.login-wrap > div.login-banner');
        setDisplayNone('body > div:nth-child(3)');
    
    
        setDisplayNone('#content > div.login-wrap > div.w > div > div.tips-wrapper'); //去掉提示
        setDisplayNone('#content > div.login-wrap > div.w > div > div.login-box > div.mt.tab-h');
        setDisplayNone('#content > div.login-wrap > div.w > div > div.login-box > div.msg-wrap');
        setDisplayNone('#formlogin > div.item.item-fore4');
        setDisplayNone('#content > div.login-wrap > div.w > div > div.login-tab.login-tab-l'); //去掉扫码登录
        setDisplayNone('#content > div.login-wrap > div.w > div > div.login-tab.login-tab-r'); //去掉账户登录
        setDisplayNone('div > span.forget-pw-safe'); //去掉忘记密码
        setDisplayNone('#kbCoagent'); //去掉注册
    
    
        addViewport();
    
        setCssText('.login-form','position:absolute;float:left'); //移到左边
        setCssText('#entry','border:1px solid #3366FF' ); //输入框颜色调整
        setCssText('#formlogin > div.item.item-fore1', 'border:1px solid #3366FF'); //输入框颜色调整
        setCssText('#loginsubmit', 'background:#3366FF;border:1px solid #3366FF'); //改变按钮颜色
    
        document.getElementsByClassName('login-tab login-tab-r')[0].click();
        //document.getElementById('loginname').focus();    //自动聚焦到输入框
        document.querySelector('#content > div.login-wrap > div.w').style.width=window.innerWidth +'px';
        createTitle(' 京 东 账 号 登 录');
    }
  • 相关阅读:
    oracle 不走索引的原因
    SQL Server索引的维护
    Advanced SQL: Relational division in jOOQ
    文件的逻辑与物理结构
    数据库的物理结构和逻辑结构
    监控失败作业
    设计高效sql一般经验谈
    如何创建效率高sql-建立索引
    sql索引的填充因子多少最好,填充因子有什么用
    LDAP协议
  • 原文地址:https://www.cnblogs.com/ydf0509/p/8533820.html
Copyright © 2011-2022 走看看