HTML如何在地址中传递参数到页面中去

HTML如何在地址中传递参数到页面中去,第1张

说一下思路吧: 1、采用jquery插件jqueryqueryjs方式(推荐) 在showhtml引用了库文件之后,就可以:var src=$queryget("src");来获取indexhtml传递过来的src变量。然后,如果你有采用了jquerymediajs插件,就可以: $("#video")media({ src:src, width:400, height:300, autoplay:true }); 来进行播放。 2、原生Javascript方法 var URLParams = new Array(); var aParams = documentlocationsearchsubstr(1)split('&'); for (i=0; i < aParamslength ; i++){ var aParam = aParams[i]split('='); URLParams[aParam[0]] = aParam[1]; } //取得传过来的参数 var src=URLParams["src"]; 下面的播放组件可以引用media player等等,把src值写进去。 望采纳,谢谢。

这个效果的显示是利用了伪静态的技术,可以通过配置web服务器里面的htaccess文件配置不同的伪静态规则,对不同url格式进行不同规则的转换,举个例子:假如你要访问localhost/indexphp文件,这个时候如果你开启了伪静态支持,并且把伪静态的规则也写好了(RewriteRule ^()/indexhtml $1/indexphp),重启web服务器之后,你就可以通过访问localhost/indexhtml来访问indexphp文件,并且你传get参数也是可以获取到的,这样做的好处是SEO优化,利于搜索引擎的抓取。

<a href="ahtmlparam=value&param1=value1&param2=value2">超链接</a>

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

在ahtml中获取值可以通关windowlocationhref来获取。

下面是例子

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <script type="text/javascript">

        /

          获取参数的键值对对象。

          @returns {Object}

         /

        var getParam = function () {

            try{

            var url = windowlocationhref;

            var result = urlsplit("")[1];

            var keyValue = resultsplit("&");

            var obj = {};

            for (var i = 0; i < keyValuelength; i++) {

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

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

            }

            return obj;}catch(e){

                consolewarn("There has no param value!");

            }

        };

        /

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

         /

        windowonload = function () {

            consolelog(getParam());

        }

    </script>

</head>

<body>

</body>

</html>

以上就是关于HTML如何在地址中传递参数到页面中去全部的内容,包括:HTML如何在地址中传递参数到页面中去、html地址栏参数问号传递问题、html超链接怎么传参数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10173580.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存