菜单

新浪实时股票数据接口http/javascript版解析

使用http://hq.sinajs.cn/list=code可以返回对应股票的实时数据,以大秦铁路(股票代码:601006)为例,如果要获取它的最新行情,只需访问新浪的股票数据接口就可以返回相关的数据。 获取股票数据示例: http://hq.sinajs.cn/list=sh601006 这个url会返回一个字符串,如下: var hq_str_sh601006="大秦铁路, 27.55, 27.25, 26.91, 27.55, 26.20, 26.91, 26.92, 22114263, 589824680, 4695, 26.91, ...

原生javascript点击缓动返回顶部按钮

实现的效果:页面滚动一定像素大小的位置后,显示出返回顶部按钮,点击该按钮,页面缓慢自动滚动到顶部。 HTML代码: <div id="box"></div> <div id="btn">返回顶部</div> CSS代码: PS:以下样式代码仅供测试,可以修改为自己喜欢的样式 body {position:relative; margin:0; padding:0;} #box {width:200px; height:4000px; background-color:green;} #btn...

jQuery获取background-image属性url值的方法

jQuery使用css()方法获取background-image属性值返回的结果是url('path')而不是图片url,要获取背景图片属性background-image中图片路径的值,可以通过split()或replace()获取。 方法一: var _bk = $('.bgImg').css('backgroundImage'); var _src = _bk.split('(')[1].split(')')[0]; alert(_src); 代码意思: 1、获取background-image属性值url('path') 2...

javaScript移动端touch触摸事件touchstart,touchmove,touchend详解

触摸事件touchstart、touchmove和touchend的出现是因为iOS版Safari浏览器为了向开发人员传达一些信息而新添加的事件。因为ios设备既没有鼠标也没有键盘,所以在为移动Safari浏览器开发交互性网页的时候,PC端的鼠标和键盘事件是不够用的。 在iPhone 3Gs发布的时候,其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后,Android上的浏览器也实现了相同的事件。触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。 下面具体说明: ...

获取input type="file"上传文件的文件名称的方法

通过js获取包含和不包含路径的上传文件名称。 html代码: <div id="filename"></div> <form> <input type="file" name="file" class="file" id="fileField" onchange="document.getElementById('filename').value=this.files[0].name"/> <input type="submit" class="btn" value="上传" /> </f...

javascript获取当前页面url网址参数信息代码

使用原生js获取web当前页面url网址信息,包括获取完整url、url协议、url主机、url端口号、url路径、url问号?后面部分、url井号#后面部分。 1、获取整个URL地址 当前页面:https://www.tddx.net/geturl.html?id=1 var _url = window.location.href; alert(test); 返回值:https://www.tddx.net/geturl.html?id=1 2、获取URL协议 当前页面:https://www.tddx.net/getur...

原生javascript实现点击展开,再点击关闭效果(fadeToggle)

使用原生javascript实现点击展开关闭div效果。 html代码: <span onclick="clickshow('element');"></span> <div id="element"> 欢迎访问http://www.neirong.org! </div> javascript代码: function clickshow(element){ var _obj = document.getElementById(element); if(_obj.style.display ==...

js鼠标滑轮滚动监听触发事件

判断鼠标滚动方向执行不同的事件代码,兼容IE、Firefox、chrome浏览器。javascript代码如下: <script> var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 a...

keyCode事件属性event.keycode值大全

keyCode 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。那么window.event.keyCode == 8的js代码是什么意思?其实就是判断事件按下的是否为 BackSpace 键。 event.keycode值大全: 的 keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter ...

input多图上传并即时显示的代码

以下代码经过Firefox、Chrome浏览器测试没有问题,其余浏览器未作测试。 HTML代码: <div id="billList"> </div> <div class="uploadBtn"> <div class="btn"> <p>点击上传</p> <p>票据凭证</p> </div> <input type="file" id="bill" multiple="multiple" accept="....

type="file"的input上传图片实时显示javascript代码

javascript函数代码: function showPreview(source) { var file = source.files[0]; if(window.FileReader) { var fr = new FileReader(); console.log(fr); var portrait = document.getElementById('avatar'); fr.onloadend = function(e) { portrait.src = e.target.result; }; fr.r...

判断滚动到指定位置的javascript代码

经常会用到,判断浏览器窗口是否滚动到指定id的区域。 javascript代码: function isScrolledIntoView(el) { var elemTop = el.getBoundingClientRect().top; var elemBottom = el.getBoundingClientRect().bottom; var isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight); return isVisible...