WikiFX搜索插件调用说明文档
本文档用于指导程序开发人员，在自己的网站中构建一个交易商搜索框,然后根据输入内容，在新窗口中打开www.wikifx.hk的匹配交易商列表。
第一步:创建容器
在页面的 <body></body>中合适的位置添加一个div,并自定义一个唯一id,例如<div id=“div_jiaoyishang”></div>,这个div作为容器，用于确定js代码生成的html片段最终在页面上展现出可见搜索框的位置。
第二步:调用js代码[方式一：基本调用,修改url参数值实现配置参数]
01.
02.
03.
<script type=“text/javascript” src=“//osshead.interface003.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对象属性值配置参数]
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
<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.interface003.com/headfoot/fxeye/Content/js/tradersearch.js?id=”+ fx.id
+“&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的最底下
实际案例
操作说明：在搜索框内输入公司名称或监管号进入WikiFX搜索结果页
