js获取html参数及向swf传递参数应用介绍


Posted in Javascript onFebruary 18, 2013

我们知道HTML页面是在客户端执行的,这样要获取参数必须使用客户端脚本(如JavaScript),在这点上不同于服务器端脚本获取参数方式。

下面的这段js代码获取HTML网页形如"test.html?foo=mytest&program=flash" "?"后所有参数。

<script language=javascript> 
<!-- 
var hrefstr,pos,parastr; 
hrefstr = window.location.href; 
pos = hrefstr.indexOf("?"); 
parastr = hrefstr.substring(pos 1); 
if (pos>0){ 
document.write("所有参数:" parastr); 
} else { 
document.write("无参数"); 
} 
//--> 
</script>

一、下面的这段js代码则可以更加细化获取HTML网页某一参数
<script language=javascript> 
<!-- 
function getparastr(strname) { 
var hrefstr,pos,parastr,para,tempstr; 
hrefstr = window.location.href; 
pos = hrefstr.indexOf("?") 字串9 
parastr = hrefstr.substring(pos 1); 
para = parastr.split("&"); 
tempstr=""; 
for(i=0;i<para.length;i ) 
{ 
tempstr = para[i]; 
pos = tempstr.indexOf("="); 
if(tempstr.substring(0,pos) == strname) { 
return tempstr.substring(pos 1); 
} 
} 
return null; 
} 
// 获取program参数 
var programstr = getparastr("program"); 
document.write(programstr); 
//--> 
</script>

二、在HTML网页中向swf传递参数
方法一:在网页中使用js,SetVariable设置flashobject中的变量,代码如:
// "HtmlToSwf"为网页中的flashobject ID 
HtmlToSwf.SetVariable("_root.info_str","Happy Newyear");

方法二:路径参数,如test.swf?foo=happy2005
方法三:使用FlashVars,以下主要介绍FlashVars的用法。使用FlashVars后嵌入HTML的flashobject代码如下:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400" id="FlashVars" align="middle"> 字串5 
<param name="allowScriptAccess" value="sameDomain" /> 
<param name="movie" value="FlashVars.swf" /> 
<param name="FlashVars" value="foo=happy2005&program=flash&language=简体中文-中国" /> 
<param name="quality" value="high" /> 
<param name="bgcolor" value="#ffffff" /> 
<embed src="FlashVars.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="FlashVars" align="middle" allowScriptAccess="never" allowNetworking="internal" autostart="0" FlashVars="foo=happy2005&program=flash&language=简体中文-中国" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

通过上面的代码,在SWF(FlashVars.swf)中就可以直接获取foo、program、language变量数据。FlashVars.fla获取FlashVars参数的代码如下:
// 创建三个文本字段 
_root.createTextField("foo_txt",1,0,0,16,16); 
_root.createTextField("program_txt",2,0,32,16,16); 
_root.createTextField("language_txt",3,0,64,16,16); 
foo_txt.autoSize = true; 
字串8 
foo_txt.border = true; 
program_txt.autoSize = true; 
program_txt.border = true; 
language_txt.autoSize = true; 
language_txt.border = true; 
// 获取FlashVars变量 
foo_txt.text = "HTML中的foo参数:" foo; 
program_txt.text = "HTML中的program参数:" program; 
language_txt.text = "HTML中的language参数:" language;

三、两者的有效结合
在HTML网页中使用js获取参数,然后将获取的参数作为FlashVars写入flashobject传递给swf。代码如下:
<script language=javascript> 
<!-- 
function writeflashobject(parastr) { 
document.write("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\" width=\"550\" height=\"400\" id=\"FlashVars\" align=\"middle\"\>\n"); 
document.write("<param name=\"allowScriptAccess\" value=\"sameDomain\" /\>\n"); 
document.write("<param name=\"movie\" value=\"FlashVars.swf\" /\>\n"); 字串2 
document.write("<param name=\"FlashVars\" value=\"" parastr "\" /\>\n"); 
document.write("<param name=\"quality\" value=\"high\" /\>\n"); 
document.write("<param name=\"bgcolor\" value=\"#ffffff\" /\>\n"); 
document.write("<embed src=\"FlashVars.swf\" quality=\"high\" bgcolor=\"#ffffff\" width=\"550\" height=\"400\" name=\"FlashVars\" align=\"middle\" allowScriptAccess=\"sameDomain\" FlashVars=\"" parastr "\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" /\>"); 
document.write("</object\>"); 
} 
function getparastr() { 
var hrefstr,pos,parastr,para,tempstr1; 
hrefstr = window.location.href; 
pos = hrefstr.indexOf("?") 
parastr = hrefstr.substring(pos 1); 
return parastr; 
} 
var parastr = getparastr(); 
writeflashobject(parastr); 
//--> 
</script>
Javascript 相关文章推荐
javascript之ESC(第二类混淆)
May 06 Javascript
JavaScript入门学习书籍推荐
Jun 12 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
JQuery替换DOM节点的方法
Jun 11 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
Aug 21 Javascript
全面了解JavaScript的数据类型转换
Jul 01 Javascript
利用JS如何计算字符串所占字节数示例代码
Sep 13 Javascript
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 Javascript
js实现带积分弹球小游戏
Jul 21 Javascript
Node.JS如何实现JWT原理
Sep 18 Javascript
用js写了一个类似php的print_r输出换行功能
Feb 18 #Javascript
让ie6也支持websocket采用flash封装实现
Feb 18 #Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 #Javascript
jQuery筛选器children()案例详解(图文)
Feb 17 #Javascript
正则表达式搭配js轻松处理json文本方便而老古
Feb 17 #Javascript
jQuery图片播放8款精美插件分享
Feb 17 #Javascript
jQuery性能优化28条建议你值得借鉴
Feb 16 #Javascript
You might like
给多个地址发邮件的类
2006/10/09 PHP
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
php搜索文件程序分享
2015/10/30 PHP
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
javascript 触发HTML元素绑定的函数
2010/09/11 Javascript
基于json的jquery地区联动效果代码
2011/07/06 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
js函数的延迟加载实现代码
2012/10/11 Javascript
jQuery中RadioButtonList的功能及用法实例介绍
2013/08/23 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
JavaScript程序开发之JS代码放置的位置
2016/01/15 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
2016/08/17 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
在ironpython中利用装饰器执行SQL操作的例子
2015/05/02 Python
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
提升Python效率之使用循环机制代替递归函数
2019/07/23 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
jupyter lab的目录调整及设置默认浏览器为chrome的方法
2020/04/10 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
美国Randolph太阳镜官网:美国制造的飞行员太阳镜和射击眼镜
2018/06/15 全球购物
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
物理系毕业生自荐信
2013/11/01 职场文书
培训心得体会
2013/12/29 职场文书
学生会竞选演讲稿
2014/04/24 职场文书
原料仓管员岗位职责
2015/04/01 职场文书
政工师工作总结2015
2015/05/26 职场文书
Feign调用全局异常处理解决方案
2021/06/24 Java/Android
Python天气语音播报小助手
2021/09/25 Python
vue组件冲突之引用另一个组件出现组件不显示的问题
2022/04/13 Vue.js
Windows Server 2012 R2 磁盘分区教程
2022/04/29 Servers