div 中的滚动条 滚动到指定元素位置
利用动画和页面高度，滚动高度完成
var mainContainer = $('.ulbox'),//父级容器
scrollToContainer = mainContainer.find('.redbg');//指定的class
mainContainer.animate({
scrollTop: scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop()}, 2000);//2秒滑动到指定位置
Javascript实现一个字符串重复出现n 次
//参数 str: 表示要重复的字符串
//参数 n: 表示要重复几次
function repeatString(str,n) {
return new Array(n+1).join(str);
};
repeatString();
通过 new Array()构造一个数组, 数组的长度是 n+1,
通过 join 方法把想要重复的字符串作为分隔符
举例说明:
var arr = [1,2,3];
arr.join("_"); // "1_2_3"
将"_"作为分隔符,在 arr 中出现 arr.length-1 次,也就是 2 次。
因此上面 n+1 长度的数组中, str 会重复出现 n 次
比如:
repeatString("a",3) // "aaa"
repeatString("Hi",2) // "HiHi"
js 获取定位地址
腾讯地图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定位</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<script src="./jquery-1.11.0.js"></script>
</head>
<body style="margin:0px;padding: 0px">
</body>
<script>
$.getScript('https://apis.map.qq.com/ws/location/v1/ip?callback=showLocation&key=自己的&output=jsonp');
function showLocation(data) {
console.log(data.result.ad_info.city);
alert(data.result.ad_info.district);
}
</script>
</html>
百度地图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定位</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<script src="./jquery-1.11.0.js"></script>
<!-- <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> -->
<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=dGIGH33oqvOqRGkNUS4Bw0veSB6ELiZl2IoX7vBXcaCijycBIl1"></script> -->
</head>
<body style="margin:0px;padding: 0px">
</body>
<script>
$.getScript("https://api.map.baidu.com/location/ip?ak=自己的&callback=showLocation");
function showLocation(data) {
console.log(data.content.address_detail.city);
alert(data.content.address_detail.city);
alert(data.content.address_detail.province);
}
</script>
</html>
