html超链接怎么传参数?

html-css08

html超链接怎么传参数?,第1张

<a href="a.html?param=value&param1=value1&param2=value2">超链接</a>

如上代码a.html是需要连接的地址。后面紧接着"?"第一个参数名称"param"=参数值"value"&第二个参数名称"param1"=第二个参数值"value1"依次类推,有多少个参数写上多少个参数及参数值。需要注意的是除开第一个参数前面需要用"?"表示是参数开始之外其它参数用"&"相连。

在a.html中获取值可以通关window.location.href来获取。

下面是例子

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <script type="text/javascript">

        /**

         * 获取参数的键值对对象。

         * @returns {Object}

         */

        var getParam = function () {

            try{

            var url = window.location.href

            var result = url.split("?")[1]

            var keyValue = result.split("&")

            var obj = {}

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

                var item = keyValue[i].split("=")

                obj[item[0]] = item[1]

            }

            return obj}catch(e){

                console.warn("There has no param value!")

            }

        }

        /**

         * 页面加载完毕打印键值对对象

         */

        window.onload = function () {

            console.log(getParam())

        }

    </script>

</head>

<body>

</body>

</html>

href="#?user="+user+"pass="+pass

大约这样~如果可以获取到,如果是本页面建议使用form提交参数

答题不易,互相理解,您的采纳是我前进的动力,

您也可以向我们团队发出请求,会有更专业的人来为您解答。