美文网首页JS项目练习
【JS项目练习】 函数接收参数并弹出

【JS项目练习】 函数接收参数并弹出

作者: 奔跑的程序媛A | 来源:发表于2019-03-31 02:37 被阅读0次

参考:http://www.fgm.cc/learn/lesson1/03.html

image.png
<!DOCTYPE>
<html>
    <head>
        <meta charset= "UTF-8"/>
        <title>Form Content</title>
        <style type="text/css">
        </style>
        <script type="text/javascript">
        window.onload = function(){
            var inp = document.getElementsByTagName("input");
            var but = document.getElementsByTagName("button")[0];
            but.onclick = function(){
                alert(inp[0].value+" " +inp[1].value)
            }
        };
        </script>
    </head>
    <body>
        <p><input type = "text" value = "Jiao" /></p>
        <p><input type = "text" value = "Zhang" /></p> 
        <p><button>传参!</button></p>
    </body>
</html>

知识点 && 易错点

  1. document.getElementsByTagName("button")[0]
    [0]必须要加
  2. input type
    button、checkbox、color、date 、datetime-local 、email
    file、hidden、image、month 、number 、password
    radio、range 、reset、search、submit、tel、text、time
    url、week

相关文章

  • 【JS项目练习】 函数接收参数并弹出

    参考:http://www.fgm.cc/learn/lesson1/03.htmlimage.png 知识点 &...

  • 柯里化

    什么是柯里化把一个接收多个参数的函数,设计成一个 1、接收单一参数的函数 2、并返回一个能够接收剩余参数的新函数,...

  • Swift-05.Array的常见操作

    map / filter / reduce map接收函数作为参数 compactMap默认解包并去除nil 使用...

  • 对于函数柯里化的简单应用

    函数柯里化指的是将能够接收多个参数的函数转化为接收单一参数的函数,并且返回接收余下参数且返回结果的新函数的技术 函...

  • android h5 js 匿名函数通信

    android js 互相调用 支持js匿名函数接收 支持js json对象接收 支持js函数返回值获取 通过注解...

  • Lua中的函数拾遗

    函数 例一 hello函数不接收参数,调用:hello(),虽然hello不接收参数,但是还可以可以传入参数:he...

  • 8月1日 晴

    1. 函数式编程: 高阶函数操作函数的函数,接收一个或多个函数做为参数,并返回一个新函数; function no...

  • 函数-廖雪峰Python教程

    调用函数 1.max()max()可以接收任意多个参数,并返回最大的那个 定义函数 1.空函数pass语句什么都不...

  • flask知识点

    flask: 新建项目使用: 新建Flask项目 导入Flask类 Flask函数接收一个参数name,它会指向程...

  • ES6中rest参数与拓展运算符

    本文参考阮一峰的《ECMAScript6入门》并结合我自身学习的知识进行总结 rest 参数 Rest参数接收函数...

网友评论

    本文标题:【JS项目练习】 函数接收参数并弹出

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