HTML5 参数传递

页面显示效果，如下图：

主页面代码：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><br><br><a href="jssendValue.html?id=test&user=xujinzhong&pwd=123456&uid=123456" target="_blank"&nbsp >>>> 点击跳转到下一个界面 >>></a> </body>
</html>

跳转页面代码：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script language="javascript">var myID = "id"var myuser = "user"var mypwd = "pwd"var myuid = "uid"function getParameter(param) {var query = window.location.search; //获取URL地址中？后的所有字符  var iLen = param.length; //获取你的参数名称长度  var iStart = query.indexOf(param); //获取你该参数名称的其实索引  if(iStart == -1) //-1为没有该参数  return "";iStart  = iLen   1;var iEnd = query.indexOf("&", iStart); //获取第二个参数的其实索引  if(iEnd == -1) //只有一个参数  return query.substring(iStart); //获取单个参数的参数值  return query.substring(iStart, iEnd); //获取第二个参数的值
            }function init() {document.getElementById("id").value = getParameter(myID);document.getElementById("user").value = getParameter(myuser);document.getElementById("pwd").value = getParameter(mypwd);document.getElementById("uid").value = getParameter(myuid);}</script></head><body onload="init()">this is a test <br><input id="id" type="text" /><br><input id="user" type="text" /><br><input id="pwd" type="text" /><br><input id="uid" type="text" /></body></html>

HTML5 参数传递相关推荐

html5两个静态页面传值,如何使用HTML5Viewer 进行参数传递
HTML5由于支持跨平台等特性已在移动端得到广泛应用,ActiveReports报表解决方案为了更适应现代的智能BI,也提供了对HTML5Viewer的支持,那么如何在HTML5Viewer中对报表进 ...
html5 页面参数传递,详解html中页面跳转传递参数的问题
效果如下图所示: a页面点击跳转按钮后在b页面可以获取到对应的值. 代码如下: a页面: a页面 $(function(){ name = $("#name").text(); ...
分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(4月16日-4月22日)
分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(4月16日-4月22日) 本周Silverlight学习资源更新银光中国网友原创:Silverlight中获取 ...
html5在线api,HTML5 历史记录API
HTML5 历史记录API HTML5历史记录API的使用方法,在线实例演示HTML5历史记录API如何使用.浏览器的兼容性.语法定义及它的属性值详细资料等. HTML5历史记录API使您可以通过Ja ...
[转载] 使用backbone.js、zepto.js和trigger.io开发HTML5 App
来源:http://mobile.51cto.com/web-343388.htm ---------------------------------------------------------- ...
html5表单新增的输入类型,HTML5之表单新增类型介绍
1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...
html5中meter讲解_Java中的得墨meter耳定律–最少知识原理–实际示例
html5中meter讲解得墨meter耳定律(也称为最少知识定律)是一种编码原理,它表示模块不应该知道其操作的对象的内部细节. 如果代码取决于特定对象的内部细节,则很有可能一旦该对象的内部发生更改 ...
十、vue-router学习笔记——认识路由、vue-router基本使用、vue-router嵌套路由、vue-router参数传递、vue-router导航守卫、keep-alive
一.认识路由 1.1 什么是路由? 说起路由你想起了什么? 路由是一个网络工程里面的术语. 路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动. - 维基百科额, 啥玩意? ...
swift 原生给h5发消息_Swift - 使用HTML5进行iOS开发（将HTML5打包成iOS应用）
下面简单介绍下如何把HTML5编写的页面编译成iOS应用,以及如何让页面与Swift代码进行交互.(本文代码已升级至Swift3) 1,使用UIWebView还是WKWebView来加载html页面 ...

HTML5 参数传递

HTML5 参数传递相关推荐

最新文章

热门文章