`

静态HTML页面传递参数的方法

阅读更多

静态HTML页面传递参数的方法
HTML页面如果要传递参数,其实原理就是利用javascript读取地址栏的信息,从而得到参数值。

提交页面aa.html:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<title>UntitledDocument</title>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
</head>

<body>
<formname="form1"method="GET"action="Untitled-1.htm">
InputYourName:<inputtype="text"name="u">
<inputtype="submit"name="Submit"value="Submit">
</form>
</body>
</html>

接收页面,bb.html

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<title>UntitledDocument</title>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<SCRIPTLANGUAGE="JavaScript">
<!--
//ifuriparameterwhichis"?u=never-online.net&l=BlueDestiny";
//scriptingbynever-online
//blog.csdn.net/blueDestiny

varrequest={
QueryString:function(val){
varuri=window.location.search;
varre=newRegExp(""+val+"=([^&?]*)","ig");
return((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null);
}
}

//so,Youcanusingrequest.QueryString(para),likethis
varu=request.QueryString("u");
varl=request.QueryString("l");

document.writeln("Hello!"+u);

//-->
</SCRIPT>
</head>

<body>

</body>
</html>

分享到:
评论

相关推荐

    静态页面html中跳转传值的JS处理技巧

    主要介绍了静态页面html中跳转传值的JS处理技巧,结合实例形式分析了HTML页面跳转通过URL传递参数的方法与javascript处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    Javascript获取HTML静态页面参数传递值示例

    获取HTML静态页面参数传递值可以利用split函数来按参数切成数组、利用正则表达式来获取,具体实现如下,感兴趣的朋友可以参考下

    JS控制静态页面之间传递参数获取参数并应用的简单实例

    在项目中遇到这也一个问题...第一个问题,我们可以利用html页面锚点的特性,将参数通过url传递给b页面 这是a页面代码: &lt;button&gt;跳转设置&lt;/button&gt; [removed] var btn = document.querySelector('button

    JS控制静态页面传递参数并获取参数应用

    在项目中遇到这也一个问题: ...第一个问题,我们可以利用html页面锚点的特性,将参数通过url传递给b页面 这是a页面代码: &lt;button&gt;跳转设置&lt;/button&gt; [removed] var btn = document.querySelector('b

    html静态页面调用php文件的方法

    本文实例讲述了html静态页面调用php...如在页面a.html中用下面这句调用,可以将action=test的参数传递到b.php。 Javascript代码 复制代码 代码如下:[removed][removed] 在b.php中有这样一段PHP代码: 复制代码 代码如

    html、htm后带参数的代码

    现实html后带参数,适用于静态页面的或者伪静态页面的参数传递或与ajax的交互。

    iis伪静态中文url出现乱码的解决办法

    首先要看下你安装的是IIS rewrite_2.0还是ISAPI_Rewrite 3.x的伪静态插件。 如果你安装的是IIS rewrite_2.0的话,传递的参数都是...比如页面传递参数是 zhongwen: Session.CodePage = 65001 BigClassName=request(Bi

    浪漫星空音乐电台 (javascript+xml+html) 附后台生成静态

    这是终结版了!不在更新了!...JS参数传递,实现无跳页播放,让大家体现真正的“流畅”。后台目录名随意改。 =================================== 附:HTML FLA PSD 源码 请到 www.qp3db.com/music 下载

    页面传输部分的复数参数的问题

    基于DWR技术实现的静态页面间传输技术,包括页面部分HTML之间实现多参数传递的问题...

    html爱心页面

    当我义无返顾的把自己作为参数传进这个方法时... 我才发现爱上你是一个死循环... 它不停的返回对你的思念压入我心里的堆栈... 在这无尽的黑夜中... 我的内存里已经再也装不下别人... 我不停的向系统...

    prpr:使用Firefox Marionette提取静态网页的简单服务器

    简单的应用程序通过Firefox Marionette获取静态HTML。 它最适合内部使用。 您必须防止安全问题自己解决。 组态 Prpr接受以下环境变量: SECRET :共享秘密。 默认为"" ,禁用身份验证。 FIREFOX :Firefox二进制...

    node 上传图片及使用html模板渲染页面的 demo

    使用 multer 上传文件,使用html模板渲染页面,接受简单的参数,静态资源访问配置

    区分ASP.NET中get方法和post方法

    在网页设计中,无论是动态还是静态,get方法是默认的,它在URL地址长度是有限的,所以get请求方法能传送的数据也是有限的,一般get方法能传递256字节的数据,当get请求方法传递的数据长度不能满足需求时,就需要采用...

    asp.net乱码解决方法

    asp.net乱码解决方法 ...这个方法到也可以接受,不过对于该文中的问题还不是最好的方法,因为该功能块是可以动态添加到任何页面的,难道要去修改所有的页面?想想还是不太合适。 单个页面解决方案 添加 ...

    防止jQuery ajax Load使用缓存的方法小结

    因为Load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如PHP文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里。 * callback:可选参数;是指调用load方法并得到服务器响应后,再执行的另外...

    js获取url传值的方法

    静态html文件js读取url参数 根据获取html的参数值控制html页面输出 一、字符串分割分析法 这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET 函数: ...

    Java Web应用开发:Servlet和JSP技术进阶.ppt

    如: 都属于非持久化会话方案 都使用页面动态修改技术,因此不支持静态HTML 代码编写方式很相似 Cookie技术 什么是Cookie? 一些网站会在您的计算机上的以小文本文件存储信息。这种文件称为cookie。 Cookie可以随着...

    AJAX 源码范例

    04/4.2.3.html 给函数传递参数范例 &lt;br&gt;第5章 05/5.2.2.html 从Date对象中提取信息范例 05/5.3.2.html 使用随机函数Math.randon()范例 05/5.4.4.html 使用数组的length属性范例 05/5.6.4...

    vue组件内部引入外部js文件的方法

    之所以要做这个是因为,在一个组件内部需要引入一个js文件来定位。如果放在index.html,这样每个组件都会有这个js。所以需要在组件内单独引入。...第二种使用 createElement 方法: export default

Global site tag (gtag.js) - Google Analytics