zoukankan      html  css  js  c++  java
  • [读码时间] 函数接收参数并打印值

    说明:代码取自网络,内中注释为笔者学习中所添加,反映笔者学习时的理解!

    又及:代码中的变量命名,均为匈牙利命名法,如果变量为对象,则变量名首字母为 o ,意为 object(对象)。

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>函数接收参数并弹出</title>
        <style>
            body{
                font:12px/1.5 Tahoma;  /*字号、行高与字体设置*/
                text-align:center; /*文字居中*/
            }
            code,input,button{
                font-family:inherit; /*字体继承*/
            }
            input{
                border:1px solid #ccc;  /*边框颜色为灰色*/
                padding:3px;/*内边距为3像素*/
            }
            button{
                cursor:pointer; /*鼠标指针设置为手形*/
            }
        </style>
        <script>
            //此函数接收2个参数,再分别用alert打印出参数的值
            var myFn = function (a, b) {
                alert(a.value);
                alert(b.value);
            };
            window.onload = function () {
                var oInput = document.getElementsByTagName("input"); //使用getElementsByTagName方法获取所有input元素
                var oBtn = document.getElementsByTagName("button")[0]; //使用getElementsByTagName方法获取按钮集合,留意之所以使用[]标示法,是因为此方法返回的是一个nodelist集合
                oBtn.onclick = function () { //给按钮注册click处理程序,在函数体内调用前面定义的myFn函数
                    myFn(oInput[0], oInput[1]);
                }
            };
        </script>
    </head>
    <body>
        <!--分别用块元素p包裹2个input行内元素和1个button元素-->
        <p><input type="text" value="北京市" /></p>
        <p><input type="text" value="朝阳区" /></p>
        <p><button>传参</button></p>
    </body>
    </html>
    View Code
  • 相关阅读:
    VS2017离线安装与Oracle数据库开发环境搭建
    拒绝“高冷”词汇!初学C#中的委托
    拒绝“高冷”词汇!初学C#中实用的泛型!
    误删Django的model中的表解决办法
    Django-ORM操作
    请求头获取用户设备、点赞
    随机验证码、图片验证码和邮箱发送用户验证码
    Django的Form验证(2)
    Django的Form验证
    Pycharm导入Django项目
  • 原文地址:https://www.cnblogs.com/sx00xs/p/6427188.html
Copyright © 2011-2022 走看看