首页 > 建站教程 > JS、jQ、TS > js查询ALEXA排名练习正文

js查询ALEXA排名练习

来源：未知作者：类型：图文教程点击次数：发布时间：2017-03-23 15:39:23

一个非常简单的，查询js查询ALEXA排名的小练习，其实就是获取用户输入的值，然后放到图片地址“http://traffic.alexa.com/graph?y=t&u=”的后面，再将地址赋给图片，然后插入到容器当中去显示出来即可。效果图如下：

js查询ALEXA排名练习

运行下面的代码：

<meta charset="UTF-8"> <title>js查询ALEXA排名练习 - 我爱模板网www.5imoban.net</title> <style> label,input,button,div{display:block; margin:10px 0;} </style> </head> <body> <label> 请输入需要查询的域名，不需要带“http”：<br> <input type="text" id="txt" value="5imoban.net" /> </label> <button id="btn">查新ALEXA排名</button> <div id="area"></div> <script> document.getElementById("btn").onclick = function(){ var area = document.getElementById("area"); area.innerHTML=""; var img = document.createElement("img"); var url = document.getElementById("txt").value; img.src="http://traffic.alexa.com/graph?y=t&u="+url; area.appendChild(img); } </script> </body> </html>
提示：您可以先修改部分代码再运行

TAGS: 查询 ALEXA 排名练习一个非常简单的查询

上一篇: javaScript定时器中的this指向问题

下一篇: js实现关键词筛选

我爱模板网版权所有皖ICP备17015446号-3 Copyright © 2020 5imoban.net All Rights Reserved.