输入股票代码，点击按钮跳转到对应的财报信息页面，效果如图
image.jpeg
网页：http://www.bossqiao.com/stocks
input组件输入股票代码，每个button组件有独立的id，点击button之后调用函数打开对应的网页
image.jpeg
使用js的函数，构建网址并打开新窗口访问网址
比如Morning Star的基本面数据页面，访问：
http://financials.morningstar.com/ratios/r.html?t=amd
image.jpeg
蟹老板官网：http://www.bossqiao.com
完整代码如下：
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
蟹老板工作室
</title><!-- Include Twitter Bootstrap and jQuery: -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body style="padding: 10px 30px;">
<div class="col-md-2">
<h4 style="color:red">美股财报信息查询</h4>
<input id="ticker" type="text" class="form-control" placeholder="股票代码 (不分大小写)">
<br>
<button id="ms_fundamental" class="btn-secondary">MorningStar 基本面数据</button>
<br><br>
<button id="ms_valuation" class="btn-secondary">MorningStar 估值数据</button>
<br><br>
<button id="earnings_date" class="btn-secondary">财报日</button>
<br><br>
<button id="snowball" class="btn-secondary">雪球页面</button>
<br><br>
<button id="yf_stat" class="btn-secondary">Yahoo Finance Statistics</button>
<br><br>
<button id="yf_financials" class="btn-secondary">Yahoo Finance 财报数据</button>
<br><br>
<button id="yf_chart" class="btn-secondary">Yahoo Finance 行情图表</button>
<br><br>
<button id="sa" class="btn-secondary">Seeking Alpha页面</button>
<br><br>
<button id="sa_key" class="btn-secondary">SA Key Data</button>
<br><br>
<button id="sa_momentum" class="btn-secondary">SA Momentum</button>
<br><br>
<button id="sa_growth" class="btn-secondary">SA 成长性数据</button>
<br><br>
<button id="sa_valuation" class="btn-secondary">SA 估值数据</button>
<br><br>
<button id="sa_peers" class="btn-secondary">SA 同类公司比较</button>
<br><br>
<div>
<script type="text/javascript">
//使用id的方式获取
$(document).ready(function(){
//MorningStar基本面数据
$("#ms_fundamental").click(function(){
var ticker = $("#ticker").val();
var link = "[http://financials.morningstar.com/ratios/r.html?t="+ticker](http://financials.morningstar.com/ratios/r.html?t=%22+ticker);
//alert("ticker = " + ticker);
//alert("link = " + link);
window.open(link);
});
//MorningStar估值数据
$("#ms_valuation").click(function(){
var ticker = $("#ticker").val();
var link = "[http://financials.morningstar.com/valuation/price-ratio.html?t="+ticker](http://financials.morningstar.com/valuation/price-ratio.html?t=%22+ticker);
window.open(link);
});
//财报日
$("#earnings_date").click(function(){
var ticker = $("#ticker").val();
var link = "[https://www.nasdaq.com/earnings/report/"+ticker](https://www.nasdaq.com/earnings/report/%22+ticker);
window.open(link);
});
//雪球页面
$("#snowball").click(function(){
var ticker = $("#ticker").val();
var link = "[https://xueqiu.com/S/"+ticker](https://xueqiu.com/S/%22+ticker);
window.open(link);
});
//Yahoo Finance Statistics
$("#yf_stat").click(function(){
var ticker = $("#ticker").val();
var link = "[https://finance.yahoo.com/quote/"+ticker+"/key-statistics](https://finance.yahoo.com/quote/%22+ticker+%22/key-statistics)";
window.open(link);
});
//Yahoo Finance 财报数据
$("#yf_financials").click(function(){
var ticker = $("#ticker").val();
var link = "[https://finance.yahoo.com/quote/"+ticker+"/financials](https://finance.yahoo.com/quote/%22+ticker+%22/financials)";
window.open(link);
});
//Yahoo Finance 行情图表
$("#yf_chart").click(function(){
var ticker = $("#ticker").val();
var link = "[https://finance.yahoo.com/chart/"+ticker](https://finance.yahoo.com/chart/%22+ticker);
window.open(link);
});
//SA页面
$("#sa").click(function(){
var ticker = $("#ticker").val();
var link = "[https://seekingalpha.com/symbol/"+ticker](https://seekingalpha.com/symbol/%22+ticker);
window.open(link);
});
//SA页面
$("#sa_momentum").click(function(){
var ticker = $("#ticker").val();
var link = "[https://seekingalpha.com/symbol/"+ticker+"/momentum/performance](https://seekingalpha.com/symbol/%22+ticker+%22/momentum/performance)";
window.open(link);
});
//SA 成长性数据
$("#sa_growth").click(function(){
var ticker = $("#ticker").val();
var link = "[https://seekingalpha.com/symbol/"+ticker+"/growth](https://seekingalpha.com/symbol/%22+ticker+%22/growth)";
window.open(link);
});
//SA 同类公司比较
$("#sa_peers").click(function(){
var ticker = $("#ticker").val();
var link = "[https://seekingalpha.com/symbol/"+ticker+"/peers](https://seekingalpha.com/symbol/%22+ticker+%22/peers)";
window.open(link);
});
//SA 估值数据
$("#sa_valuation").click(function(){
var ticker = $("#ticker").val();
var link = "[https://seekingalpha.com/symbol/"+ticker+"/valuation](https://seekingalpha.com/symbol/%22+ticker+%22/valuation)";
window.open(link);
});
//SA Key Data
$("#sa_key").click(function(){
var ticker = $("#ticker").val();
var link = "[https://seekingalpha.com/symbol/"+ticker+"/overview](https://seekingalpha.com/symbol/%22+ticker+%22/overview)";
window.open(link);
});
});
</script>
</body>
</html>
网友评论