外汇天眼搜索插件调用说明文档
本文档用于指导程序开发人员，在自己的网站中构建一个交易商搜索框,然后根据输入内容，在新窗口中打开www.fxeye2.com的匹配交易商列表。
第一步:创建容器
在页面的 <body></body>中合适的位置添加一个div,并自定义一个唯一id,例如<div id="div_jiaoyishang"></div>,这个div作为容器，用于确定js代码生成的html片段最终在页面上展现出可见搜索框的位置。
第二步:调用js代码[方式一：基本调用,修改url参数值实现配置参数]
<script type="text/javascript" src="//osshead.fx960.com/headfoot/fxeye/Content/js/tradersearch.js?id=div_jiaoyishang&width=350px&height=30px&buttomwidth=50px&border=1px&color=#f4c830&ts=" + Math.random()></script>
[方式二：javascript对象设置，修改js对象属性值配置参数]
<script type="text/javascript">
var fx = new Object();
fx.id="div_jiaoyishang";
fx.width="350px";
fx.height="30px";
fx.buttomwidth="50px";
fx.border="1px";
fx.color="#f4c830";
var script=document.createElement("script");
script.type="text/javascript";
script.src="//osshead.fx960.com/headfoot/fxeye/Content/js/tradersearch.js?id="+ fx.id +"&width="+fx.width+"&height="+fx.height+"&buttomwidth="+fx.buttomwidth
+"&border="+fx.border+"&color="+fx.color+"&ts=" + Math.random();
document.getElementsByTagName('body')[0].appendChild(script);
</script>
参数相关说明
| 参数名称 | 参数类型 | 是否必填 | 参数说明 |
|---|---|---|---|
| id | String | 是 | 指定输入框再哪个位置生成，即第二步创建的那个div的id |
| width | String | 否 | 设置整个搜索框的总宽度，也就是容器的宽度 |
| height | String | 否 | 设置总高度 |
| buttomwidth | String | 否 | 左侧按钮的宽度，用来调整输入框和按钮的 |
| border | String | 否 | 搜索框的边框粗细，可根据输入框的整体大小设置 |
| color | String | 否 | 背景颜色 |
备注：第二步的js代码放在容器div的后面，推荐放在body的最底下
实际案例
操作说明：在搜索框内输入公司名称或监管号进入外汇天眼搜索结果页
