javascript静态的url如何传递


Posted in Javascript onMay 03, 2007

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题 1</title>
</head>

<body>
<div id="testWrap">
<img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="test image" name="testImage" id="testImage" />
</div>
<script>
function ImgClick(){
var hhj;
hhj=document.getElementById("testImage").getAttribute("src");
window.location="http://www.jsjdzx.com/bbs/images/upfile/200753182445.htm?testImage="+hhj;
}
</script>
<a href="javascript:ImgClick();" onclick="javascript:ImgClick();">传图片地址</a>
</body>

</html>
处理页面:

<Html> 
<Head> 
<Meta http-equiv="Content-Type"content="text/html; charset=gb2312"> 
<Title>示例</Title> 
<script> 
function QueryString() 
{//构造参数对象并初始化 
var name,value,i; 
var str=location.href;//获得浏览器地址栏URL串 
var num=str.indexOf("?") 
str=str.substr(num+1);//截取“?”后面的参数串 
var arrtmp=str.split("&");//将各参数分离形成参数数组 
for(i=0;i < arrtmp.length;i++){ 
  num=arrtmp[i].indexOf("="); 
  if(num>0){ 
   name=arrtmp[i].substring(0,num);//取得参数名称 
   value=arrtmp[i].substr(num+1);//取得参数值 
   this[name]=value;//定义对象属性并初始化 
   } 
} 
} 
var Request=new QueryString();//使用new运算符创建参数对象实例 
</script> 
</Head> <Body> 
<script> 
var newElement=document.createElement("div");//创建div对象 
var str="图片地址为:<u>"+Request["testImage"]+"</u>";//利用实例["字段名称"]获取参数内容 
newElement.innerHTML=str; 
document.body.appendChild(newElement);//向文档添加div对象 
</script> 
</Body> 
</Html>
Javascript 相关文章推荐
在JavaScript里嵌入大量字符串常量的实现方法
Jul 07 Javascript
js中cookie的添加、取值、删除示例代码
Oct 21 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
Aug 28 Javascript
使用 jQuery 实现表单验证功能
Jul 05 jQuery
详细分析jsonp的原理和实现方式
Nov 20 Javascript
详解Vue 全局引入bass.scss 处理方案
Mar 26 Javascript
详解vue axios用post提交的数据格式
Aug 07 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 Javascript
微信小程序自定义波浪组件使用方法详解
Sep 21 Javascript
vue 更改连接后台的api示例
Nov 11 Javascript
优化Vue中date format的性能详解
Jan 13 Javascript
基于angular实现树形二级表格
Oct 16 Javascript
可以支持多中格式的JS键盘
May 02 #Javascript
javascript英文日期(有时间)选择器
May 02 #Javascript
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
Apr 29 #Javascript
JavaScript 实现??打印?理
Apr 28 #Javascript
javascript实现的listview效果
Apr 28 #Javascript
Javascript模板技术
Apr 27 #Javascript
javascript函数库-集合框架
Apr 27 #Javascript
You might like
模仿OSO的论坛(二)
2006/10/09 PHP
php unset全局变量运用问题的深入解析
2013/06/17 PHP
php实现快速排序的三种方法分享
2014/03/12 PHP
php学习笔记之面向对象
2014/11/08 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
php实现递归抓取网页类实例
2015/04/03 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
PHP获取当前系统时间的方法小结
2018/10/03 PHP
ThinkPHP 5.x远程命令执行漏洞复现
2019/09/23 PHP
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
jquery图片放大镜功能的实例代码
2013/03/26 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
jQuery获取多种input值的简单实现方法
2016/06/20 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
JS中的多态实例详解
2017/10/15 Javascript
解决vue 按钮多次点击重复提交数据问题
2018/05/10 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
vue2.x 对象劫持的原理实现
2020/04/19 Javascript
Vue使用预渲染代替SSR的方法
2020/07/02 Javascript
python生成指定尺寸缩略图的示例
2014/05/07 Python
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
Python3使用requests登录人人影视网站的方法
2016/05/11 Python
Python之str操作方法(详解)
2017/06/19 Python
python 上下文管理器使用方法小结
2017/10/10 Python
Python装饰器模式定义与用法分析
2018/08/06 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
Python中的 enum 模块源码详析
2019/01/09 Python
Django 大文件下载实现过程解析
2019/08/01 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
学前教育专业毕业生自荐信
2013/10/03 职场文书
三查三看党性分析材料
2014/02/18 职场文书
办公室岗位职责
2015/02/04 职场文书
mysql 生成连续日期及变量赋值
2022/03/20 MySQL