`

JS 获取浏览器参数

阅读更多

实现js获取浏览器参数

 

测试时浏览器参数形式类似:/temp/jsParameter.html?p1=v1&p2=

 

 

<script type="text/javascript">
        <!--
        function getParameter(paramName){
            /***取得浏览器的查询字段
             *     例如:http:wwww.baidu.com?p1=v1&p2=v2 则search 最后的值为p1=v1&p2=v2
             */
           
            var paraMap = paraMap || {};
            var paramPairs = paramPairs || [];
   
            var search = window.location.search ; 
            if(!search   || search,length){
                return null;
            }
           
            search = search.substring(1,search.length);

            if(search.length <=2 ||  search.indexOf("=")==-1 ){
                return null;
            }
           
           
            /**
             * 将查询参数分解成数组形式    ["p1=v1", "p2="]
             */
            var paramPairs = search.split("&");
            try{console.log(paramPairs)}catch(e){};


            var air = null;
            var name = null;
            var value = null;
            var pairSplit = [];
            for(var i=0 ; i < paramPairs.length ; i++){
                pair = paramPairs[i];
                //将每一个参数分解成 name 、value
                pairSplit = pair.split("=");
                try{console.log(pairSplit)}catch(e){};


                name = pairSplit[0];
                //如果不存在‘=’或者等号后没有值 则将null赋值给value
                value = pairSplit.length>1?(pairSplit[1]!='' ?pairSplit[1]:null):null;

                //将name、value 追加到json对象中
                paraMap[''+name+''] = value;

            }

            try{console.log(console.log(paraMap))}catch(e){};
           
            //通过传来的 paramName 返回json中的值;
            return paraMap[''+paramName+''] ;
        }

 

 

 

<form name="fm" method="post" action="#"> 

			参数名:<input type="text" name="para"><br>
			<input type="button" value="测试" onclick="javascript:alert(getParameter(fm.para.value))">

		</form>

 

分享到:
评论

相关推荐

    javaScript获取浏览器参数

    ### JavaScript 获取浏览器参数知识点...通过上述介绍,我们可以看到JavaScript获取浏览器参数不仅是一项基础技能,而且在实际项目开发中有着广泛的应用。熟练掌握这一技能对于提升Web应用的功能性和用户体验至关重要。

    javascript获取浏览器相关属性

    根据提供的文件信息,我们可以提取并总结出以下几个与“JavaScript 获取浏览器相关属性”相关的知识点: ### 一、设置浏览器主页 在HTML中,可以利用特定的行为(behavior)来设置当前页面为浏览器的主页。具体...

    获取浏览器参数

    原生javascript获取浏览器参数,封装方法传入要获取的参数返回字符串

    js获取url参数

    ### JavaScript 获取 URL 参数详解 #### 一、引言 在Web开发中,经常需要处理URL中的查询参数。这些参数通常用于传递页面之间的数据或者状态信息。JavaScript作为一种强大的客户端脚本语言,提供了多种方法来实现...

    js获取url参数.rar url参数获取

    在JavaScript编程中,获取URL参数是一项常见的任务,特别是在构建动态Web应用时。URL(Uniform Resource Locator)是网页的地址,而URL参数则是附加在URL后面,用于传递额外信息的键值对。这些参数通常以问号(?)...

    js获取地址栏参数

    ### JavaScript 获取URL地址栏参数详解 #### 一、引言 在Web开发中,经常需要通过URL传递参数来实现页面间的数据交互。JavaScript作为一种广泛应用于Web前端开发的语言,提供了多种方式来获取URL中的参数。本文将...

    JavaScript获取浏览器信息的方法

    在探讨JavaScript获取浏览器信息的技能时,我们首先需要了解在Web开发中,有时我们需要根据浏览器的不同特性来调整页面的显示或行为。例如,对于不支持某些HTML5特性的旧版浏览器,可能需要提供回退方案。JavaScript...

    js浏览器缓存.doc

    对于使用Prototype.js或其他JavaScript库进行Ajax开发的开发者而言,了解并掌握如何规避浏览器缓存机制至关重要。通过在请求URL中添加随机参数或改变请求方式为POST,可以有效解决因缓存而导致的重复请求失效问题,...

    页面跳转js获取传递的参数

    ### 页面跳转JS获取传递的参数 在Web开发过程中,页面间的跳转及参数传递是极为常见的需求之一。本文将详细介绍几种通过JavaScript实现页面跳转并获取传递参数的方法。 #### 方法一:使用`window.location.href` ...

    js调用浏览器打印模块实现点击按钮触发自定义函数

    在探讨如何利用JavaScript调用浏览器的打印模块实现点击按钮时触发自定义函数的过程中,我们首先需要了解浏览器提供的打印API以及如何通过编程方式触发打印任务。现代浏览器通常提供了window.print()方法,该方法...

    js操作浏览器的参数方法

    在前端开发中,经常需要操作浏览器URL中的参数,比如获取某个参数的值、设置参数值以及删除参数。...以上就是使用JavaScript操作浏览器参数的基本方法,它们可以帮助开发者在浏览器端进行更灵活的页面交互设计。

    JS获取浏览器地址栏的多个参数值的任意值实例代码

    以上就是通过JavaScript代码实现获取浏览器地址栏参数值的方法。每种方法都有自己的适用场景,可以根据实际需要选择适合的方法来获取地址栏中的参数。这些方法在Web开发中非常实用,能够帮助开发者更好地处理页面...

    JS 获取静态页面的参数

    以下是一个简单的示例,展示了如何使用JavaScript获取URL参数: ```javascript function getQueryParams(url) { var queryParams = {}; var parser = document.createElement('a'); parser.href = url || window...

    nodejs实现获取当前url地址及url各种参数值

    其次,文件内容中还涉及了如何在客户端使用JavaScript获取当前URL地址及各种属性值。这通常是网页脚本中的一部分,通过window对象提供的不同属性来实现: - `document.location`、`document.URL`、`document....

    cookiejs一个用于处理浏览器cookie的简单轻量级JavaScriptAPI

    Cookie.js是一个专为JavaScript开发者设计的轻量级库,主要用于管理和操作浏览器中的cookie。这个库的主要优点是它的简洁性和低资源占用,使得它成为处理cookie的理想选择,尤其适用于那些对性能和加载速度有较高...

    flex获得浏览器参数,flex获得url参数

    该文件是一个基于Flex框架创建的MXML应用程序,用于获取浏览器URL中的参数并显示在界面中。Flex是一个用于构建富互联网应用程序(RIA)的开源框架,它基于ActionScript和MXML,通常与Adobe Flash Player或Adobe AIR...

    Js与Jq获取浏览器和对象值的方法

    首先,我们来了解如何使用JavaScript获取浏览器的高度和宽度。在纯JavaScript中,可以通过DOM的属性来获取相关值。例如,`document.documentElement.clientWidth` 用于获取浏览器窗口的可视区域宽度;`document....

    JqueryUrl参数获取

    当涉及到从URL中获取参数时,jQuery提供了一种简单且兼容多种浏览器的方法。本文将详细介绍如何使用jQuery来获取URL中的参数,并讨论其在不同浏览器环境下的兼容性。 一、URL参数的基本概念 URL(Uniform Resource ...

Global site tag (gtag.js) - Google Analytics