zoukankan      html  css  js  c++  java
  • JS总结

    模式窗体,第一种

    Windows.showModalDialog(“跳转的路径”,“”,dialog Width=700px;dialogHeight=520px)模式窗体,

    //代码的使用情况在进一步了解中。

    function SearchShop() {
    
                if (window.showModalDialog != null)//IE判断
    
                {
    
                    var returnValue = window.showModalDialog("SMSMemberChose.aspx", "", "dialogWidth=700px;dialogHeight=520px");
    
                    if (returnValue != null) {
    
                        document.getElementById("txtPhone").value = returnValue;
    
                    }
    
                    return;
    
                } else {
    
                    this.returnAction = function(returnValue) {
    
                    if (returnValue != null) {
    
                        document.getElementById("txtPhone").value = returnValue;
    
                        }
    
                    }
    
                }
    
                window.open("SMSMemberChose.aspx", "", "height=700px,width=520px");
    
                return;
    
            }
    
    

    模式窗体第二种:

    Wiondows.showModalDialog

    “交收地{[^点]}”替换 ” 交收地点\1” 找含有 “交收地“的不带 “ 点“ 字的关键字。替换成交收地点

     

    Js 实现全选功能

    首先查找控件的属性是[input]的值,循环input的个数,从中取出类型是:checkbox的。

    开始判断input的id是否等于id名字,并且判断他是否选中没。如果选中了,控件选中的形式显示。如果判断input的id是等于id名字,且没有选中以无选中形式显示。

    具体实现方法:

    <script type="text/javascript">

            var Counts = 0;

            var contractNo = "";

            function setAllChekc(obj) {

              var objs = document.getElementsByTagName("input"); //找到input的值

                for (var i = 0; i < objs.length; i++) {

                    if (objs[i].type.toLowerCase() == "checkbox") {

                        if (obj.checked) {

                            if (objs[i].id != "allChose" && !objs[i].checked) {

                                objs[i].checked = true;

                                Counts++;

    //ContractNo=ContractNo.replace(objs[i].value+",",'');     

    }                              

                        } else {

                            if (objs[i].id != "allChose" && objs[i].checked) {

                                objs[i].checked = false;

                                Counts--;

    //ContractNo =ContractNo.replace(obj.value+",",'');                   

                          }

                        }

                    }

                }

                document.getElementById("lblMsg").innerHTML = Counts;

                //  document.getElementById("hfRequest").value = ContractNo; //把值赋给隐藏控件

            }

            function addValue(obj) {

    //            var obj = document.getElementById("allChose");

                var objs = document.getElementsByTagName("input");

                if (obj.checked) {

                    Counts++;

                    for (var i = 0; i < objs.length; i++) {

                        if (objs[i].type.toLowerCase() == 'checkbox') {

                            if (objs[i].checked) {

    //                     document.getElementById("allChose").checked = false;

                            }

                        }

                    }

                } else {

                    Counts--;

                    for (var i = 0; i < objs.length; i++) {

                        if (objs[i].type.toLowerCase() == 'checkbox') {

    //                  toLowerCase 把大小写统一转换成小写的。     

                            if (!objs[i].checked) {

    //                     document.getElementById("allChose").checked = false;

                            }

                        }

                    }

                }

       document.getElementById("lblMsg").innerHTML = "选中了" + Counts + "标的";

            }

    </script>

       <form id="form1" runat="server">

        <div>

            <span style="color: Red">选中了:<asp:Label ID="lblMsg" runat="server" Text="">0</asp:Label>项</span>

            <asp:GridView ID="grd" runat="server" AutoGenerateColumns="False" BackColor="White"

                BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" CellPadding="4" Width="462px">

                <RowStyle BackColor="White" ForeColor="#330099" />

                <Columns>

                    <asp:TemplateField>

                        <HeaderTemplate>

                            <input id="allChose" onclick="setAllChekc(this)" type="checkbox" />        

                        </HeaderTemplate>

                        <ItemTemplate>

                            <input id="cbChose" onclick="addValue(this)" runat="server" value='<%#Eval("tId") %>'

                                type="checkbox" />

                        </ItemTemplate>

                        <ItemStyle HorizontalAlign="Center" />

                    </asp:TemplateField>

                    <asp:BoundField HeaderText="编号" DataField="tId" />

                    <asp:BoundField HeaderText="栏目名字" DataField="tName" />

                </Columns>

                <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />

                <PagerStyle BackColor="#FFFFCC" ForeColor="#330099" HorizontalAlign="Center" />

                <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />

                <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />

            </asp:GridView>

          </div>

    </form>

     

    <style type="text/css">

            #ctl00_tdMenu ul *

            {

                margin: 0px;

                padding: 0px;

            }

            #ctl00_tdMenu ul li

            {

                float: left;

                text-align: center;

                100px;

                list-style: none;

                margin-left: 8px;

                margin-right: 15px;

                margin-top: 10px;

                cursor: pointer;

            }

            #ctl00_tdMenu ul li a

            {

                font-size: 14px;

                color: black;

                font-weight: bold;

                text-decoration: none;

            }

            #ctl00_tdMenu ul li a:hover

            {

                font-size: 14px;

                color: black;

                font-weight: bold;

                text-decoration: none;

                position: relative;

                top: 1px;

            }

            .divmenu

            {

                margin-top: 15px;

                clear: left;

                margin-left:150px;

                margin-right:150px;

               background-color:Green;

            }

            .divFlash

            {

             margin-top:50px;

             clear:left;

              600px;

                background-color:White;

                height:200px;

               }

        </style>

     

    <%-- .navmenu

            {

                100%;

            }

            .navmenu li

            {

                float: left;

                100px;

                text-align: center;

                display: block;

                height: 30px;

                line-height: 30px;

            }--%>

    设置文章详细页面字体(大中小)效果

      <script type="text/javascript">

            //设置字体 by hk 2007-3-9

            function SetFont(size) {

                var divBody = document.getElementById("news_content");

                if (!divBody) {

                    return;

                }

                divBody.style.fontSize = size + "px";

                var divChildBody = divBody.childNodes;

                for (var i = 0; i < divChildBody.length; i++) {

                    if (divChildBody[i].nodeType == 1) {

                        divChildBody[i].style.fontSize = size + "px";

                    }

                }

            }

        </script>

    页面调用方法

    字体大小:<a href="javascript:SetFont(16)" class="fontsizea">[大]</a>

    <a href="javascript:SetFont(14)" class="fontsizea">[中]</a>

    <a href="javascript:SetFont(12)" class="fontsizea">[小]</a>      

    Style=”cursor:pointer”鼠标点到目标是成手装显示

       

  • 相关阅读:
    Codeforces 1166 D. Cute Sequences 构造
    ZOJ 4103 浙江省第16届大学生程序设计竞赛 D题 Traveler 构造
    ZOJ 4100 浙江省第16届大学生程序设计竞赛 A题 Vertices in the Pocket 线段树+并查集
    若干结论和定理(持续更新)
    三类经典贪心问题
    2018 ICPC Asia Xuzhou Regional M. Rikka with Illuminations
    Educational Codeforces Round 99
    2018 CCPC-Final K
    2020浙江省赛 Huge Clouds
    BZOJ1030 文本生成器(AC自动机+DP)
  • 原文地址:https://www.cnblogs.com/huicao/p/2269476.html
Copyright © 2011-2022 走看看