先介绍一下JS中处理URL的方法:
网址示例:http://localhost/test/test.htm?id=1
<script languge=javascript>
alert(window.location.pathname); --返回 /test/test.htm
alert(window.location.search); --返回 ?id=1
alert(window.location.href); --返回 http://localhost/test/test.htm?id=1
</script>
---------------------------------
location对象
含有当前URL的信息.
属性
href 整个URL字符串.
protocol 含有URL第一部分的字符串,如http:
host 包含有URL中主机名:端口号部分的字符串.如//www.zzcn.net/server/
hostname 包含URL中主机名的字符串.如http://www.zzcn.net/ ;
port 包含URL中可能存在的端口号字符串.
pathname URL中"/"以后的部分.如~list/index.htm
hash "#"号(CGI参数)之后的字符串.
search "?"号(CGI参数)之后的字符串.
在HTML中用JS接收参数用到的函数
function getParameter(param)
{
var query = window.location.search;
var iLen = param.length;
var iStart = query.indexOf(param);
if (iStart == -1)
return "";
iStart += iLen + 1;
var iEnd = query.indexOf("&", iStart);
if (iEnd == -1)
return query.substring(iStart);
return query.substring(iStart, iEnd);
}
分享到:
相关推荐
HTML页面在进行交互时,有时候需要传递参数,这些参数通常以查询字符串的形式出现在URL中,如`bb.html?data=1&data2=2`。在这种情况下,动态地获取这些参数对于网页的交互功能至关重要。jQuery库提供了一个方便的...
总结,这个“html页面跳转传递参数Demo”涵盖了HTML页面间的跳转、参数的传递以及JavaScript的动态构建和解析URL等基础知识。通过这些技术,开发者可以实现用户在不同页面间的导航,同时传递必要的数据,以满足各种...
通过这种方式,JavaScript使得在静态HTML页面中通过URL传递参数变得非常简单。需要注意的是,由于URL长度的限制以及安全性问题,传递敏感数据时可能需要考虑其他的传递方式,如使用POST请求等。 最后,本文还提到了...
标题中的“网页给swf传递参数”,主要涉及两个技术层面:HTML/JavaScript与Flash的交互。以下是两种常见的方法: 1. **URL参数加载SWF**: 当SWF文件作为网页的一部分嵌入时,可以通过修改`<object>`或`<embed>`...
JavaScript函数本身对参数长度并没有明确限制,但当参数通过URL传递时,会受到浏览器和服务器端的限制,导致无法处理超过一定长度的参数值。了解这些知识点有助于在实际开发中合理处理大量数据的传递问题。
总的来说,这篇文章介绍了如何在PHP、JavaScript和HTML之间传递和赋值变量,包括通过URL参数传递、JavaScript获取URL参数以及使用AJAX进行异步通信。了解这些基本技巧对于构建动态和交互式的Web应用至关重要。
在Web开发中,通过URL传递参数是非常常见的需求。例如,当我们点击一个链接时,可能会带着一些查询参数跳转到另一个页面,这些参数通常用于过滤数据、指定操作等。本文将详细介绍如何使用JavaScript来获取页面地址栏...
Vue.js 是一个流行的前端...通过定义动态路由、使用 `v-link` 指令传递参数以及在组件中获取参数,我们可以轻松地实现在 Vue 应用中导航并传递数据。理解并熟练掌握这些概念对于构建复杂和可扩展的 Vue 应用至关重要。
本文将深入讲解如何在AngularJS的路由中传递参数,这对于构建动态和交互性强的单页应用程序(SPA)至关重要。 首先,我们要明确AngularJS中路由的基本结构。在AngularJS中,我们通常使用`$routeProvider`服务来配置...
在Vue.js应用中,我们经常需要通过路由进行页面间的跳转,传递参数并根据参数执行不同的操作。在本文中,我们将探讨如何解决一个常见的问题,即当同一个组件被多次跳转,但每次传递的参数不同时,页面接收值只接收一...
如果要在报表之外,例如在仪表板(Dashboard)中传递参数到外部网页,需要注意的是,BIEE的嵌入式内容并不支持直接传递参数。但我们可以使用报表来实现这个目的。例如,我们可以嵌入一个`<iframe>`,并将用户名作为...
HTML页面跳转及参数传递是前端开发中常见的操作,本文将详细介绍如何使用不同的方法实现页面跳转以及在跳转过程中如何传递参数。 首先,页面跳转可以通过多种方式进行。最简单的方法是使用a标签的href属性指定目标...
两者在传递参数时的机制是一致的,都是通过$state服务实现参数的传递和接收。开发者需要根据实际的应用场景来选择合适的方法来实现导航和数据传递。在使用过程中,要注意参数传递的正确性以及目标控制器中参数接收的...
通过URL直接传递参数,这种方式简单直观,适用于简单的数据交互场景。 ##### 示例: **page1.php** ```php $a = "hello"; ?> $a ?>">点击 ``` **page2.php** ```php $a = $_GET["a"]; // $a的值为hello ?> ```...
5. **Ajax异步请求**:利用JavaScript的Ajax技术,可以在不刷新整个页面的情况下发送和接收数据,请求参数不会显示在浏览器的地址栏。 6. **服务器端路由**:在服务器端处理数据,比如使用服务器渲染或后端API,而...
通过`$("#fileInput").uploadify()`方法进行设置,主要包括`uploader`(指定Uploadify的SWF文件)、`queueID`(队列元素ID,用于显示进度条)和`fileDataName`(服务器端接收文件数据的字段名)等参数。 ```...
在Vue.js中,事件处理是框架的一个核心特性,它允许我们响应用户交互并...通过`v-on`或`@`指令,我们可以轻松地绑定事件处理器,传递参数,并利用修饰符控制事件的行为。这使得Vue.js成为构建交互式Web应用的强大工具。
在IT行业中,有时候我们需要在网页应用中实现与本地系统的交互,比如通过JavaScript(JS)调用本地的可执行文件(exe)。本主题聚焦于在Chrome浏览器中如何利用JS实现这样的功能,这通常涉及到浏览器安全策略、...
在本文中,我们将深入探讨如何在JavaServer Pages (JSP) 中...6. 当不需要传递参数时,可以不设置data或使用data: {}。 通过这些步骤,开发者可以有效地在JSP中实现前后台之间的JSON数据交互,提高Web应用的用户体验。
3. **函数**:函数是可重用的代码块,使用`function`关键字定义,参数通过括号传递,返回值通过`return`语句。 4. **DOM操作**:JavaScript能通过Document Object Model(DOM)接口动态修改网页内容。例如,`...